highcharts 显示点值的效果
plotOptions: {
line: {
/*
<s:if test='#request.rdflags=="point"'>
<s:if test="%{#request.chartsVO.category == 'rd'}">
dataLabels: {
enabled: true,
borderRadius: 3,
backgroundColor: 'rgba(252, 255, 197, 0.7)',
borderWidth: 1,
borderColor: '#AAA',
y:-7,
formatter:function(){
var ary = this.series.data;
var i;
for (i = 0; i < ary.length; i++)
{
if (this.x == ary[i].x)
{
break;
}
}
if (i%4 == 0 && ary.length-1-i>3|| i == ary.length-1) {
return this.y;
}else {
return null;
}
}
},
</s:if>
</s:if>
*/
marker: {
<s:if test='#request.rdflags=="point"'>
enabled:false,
</s:if>
<s:else>
enabled:true,
radius: 1,
</s:else>
states:{
hover:{
enabled:true,
radius:4
}
}
},
states:{
hover:{
enabled:true
}
}
}
},
第二种方法:
series: [
<s:iterator var="item" value="#request.chartsVO.series" status="status">
{
name : '${item.name}',
type: '${item.type}',
yAxis: ${item.yaxis},
color: '${item.color}',
tooltip: {
valueDecimals:${item.precision}
},
data: [
<s:iterator var="d" value="#item.datas" status="d_status">
<s:if test="%{#request.chartsVO.xaxisVO.xaxisType == 'datetime'}">
<s:if test='#d.y!=null'>
<s:if test='#request.rdflags=="point"'>
<s:if test="%{(#d_status.index % 4==0 && #item.datas.size()-#d_status.index>3)||#d_status.last}">
{
x:${d.x},
dataLabels: {
enabled: true
},
marker:{
enabled:true
},
y:${d.y}
}
</s:if>
<s:else>
[${d.x}, ${d.y}]
</s:else>
</s:if>
<s:else>
[${d.x}, ${d.y}]
</s:else>
</s:if>
<s:else>
[${d.x}, null]
</s:else>
</s:if>
<s:if test="%{#request.chartsVO.xaxisVO.xaxisType == 'category'}">
<s:if test="%{#request.chartsVO.category == 'xd'}">
<s:if test='#d.y!=null'>
<s:if test='#request.rdflags=="point"'>
<s:if test="%{(#d_status.index % 4==0 && #item.datas.size()-#d_status.index>4)||#d_status.last}">
{
dataLabels: { //datalabels 标签的 enabled属性控制点值的显示
enabled: true
},
marker:{
enabled:true
},
y:${d.y}
}
</s:if>
<s:else>
[, ${d.y}]
</s:else>
</s:if>
<s:else>
[, ${d.y}]
</s:else>
</s:if>
<s:else>
[, null]
</s:else>
</s:if>
<s:else>
<s:if test='#d.y!=null'>
<s:if test='#request.rdflags=="point"'>
<s:if test="%{(#d_status.index % 2==0 && #item.datas.size()-#d_status.index>2)||#d_status.last}">
{
dataLabels: {
enabled: true
},
marker:{
enabled:true
},
y:${d.y}
}
</s:if>
<s:else>
[, ${d.y}]
</s:else>
</s:if>
<s:else>
[, ${d.y}]
</s:else>
</s:if>
<s:else>
[, null]
</s:else>
</s:else>
</s:if>
<s:if test="!#d_status.last">,</s:if>
</s:iterator>
]
}
<s:if test="!#status.last">,</s:if>
</s:iterator>
]
highcharts 显示点值的效果的更多相关文章
- 3-Highcharts曲线图之显示点值折线图
直接上代码 根据代码注释讲解 <!DOCTYPE> <html lang='en'> <head> <title>3-Highcharts曲线图之显示 ...
- Qt自定义带游标的slider,在滑块正上方显示当前值(类似于进度条,用一个额外的QLabel冒充QSilder的一部分,然后move就行了)
首先自定义QSlider的子类MyCustomSlider,如下所示. mycustomslider.h #ifndef MYCUSTOMSLIDER_H #define MYCUSTOMSLIDER ...
- Qt自定义带游标的slider,在滑块正上方显示当前值(非常有意思,继承QSlider之后增加一个QLabel,然后不断移动它)
首先自定义QSlider的子类MyCustomSlider,如下所示. mycustomslider.h #ifndef MYCUSTOMSLIDER_H #define MYCUSTOMSLIDER ...
- 解决ASP.NET MVC4中使用Html.DropDownListFor显示枚举值默认项问题
从ASP.NET MVC 5开始,Html.DropDownListFor已经提供了对Enum的支持,但在这以前,需要通过帮助方法或扩展方法来让Html.DropDownListFor显示枚举值. 本 ...
- JS实现类似QQ好友头像hover时显示资料卡的效果
一.应用场景 鼠标hover弹出div,并且鼠标离开后不能马上隐藏,因为这个div上还有功能入口.比如: 鼠标经过好友列表中的好友头像时显示资料卡的效果 hover时显示二维码 二.实现 用如下这样一 ...
- ProgressBar显示进度值,垂直或者水平滚动条
过去一段时间,在研究Windows的系统控件ProgressBar,一直奇怪为啥它不能显示进度值,本以为是个很简单的问题,结果搜索很久,也没有找到好的解决方案,最后终于找到一个Perfect方案,特记 ...
- winform中ComboBox实现text和value,使显示和值分开,重写text和value属性
winform的ComboBox中只能赋值text,显示和值是一样的,很多时候不能满足根本需要,熟悉B/S开发的coder最常用的就是text和value分开的,而且web下DropDownList本 ...
- WPF防止界面卡死并显示加载中效果
原文:WPF防止界面卡死并显示加载中效果 网上貌似没有完整的WPF正在加载的例子,所以自己写了一个,希望能帮到有需要的同学 前台: <Window x:Class="WpfApplic ...
- js兼容火狐显示上传图片预览效果
js兼容火狐显示上传图片预览效果[谷歌也适用] <!doctype html> <html> <head> <meta content="text/ ...
随机推荐
- CODESOFT中的圆角矩形的弧度该怎样设置?
CODESOFT标签设计软件提供多种图形制作按钮,方便用户更为快捷的制作标签.其中就包括矩形,圆角矩形的快捷创建按钮.本文将介绍如何设置CODESOFT圆角矩形的弧度. 若有疑问可直接访问:htt ...
- Flex4 DataGrid实现可复制单元格,同时解决自定义GridItemRenderer出现1009错误的方法
原创内容,如需转载,请注明出处,谢谢 最近在项目中发现Flex的DataGrid不支持内容复制,在涉及到保护敏感数据时倒是很有用处,但大部分情况下,我们还是希望客户能够直接复制DataGrid单元格中 ...
- 解决wamp mysql数据库出现乱码的问题。
一般的乱码情况: 如果在控制台上出现這样的乱码,一般在phpmysqladmin上也会出现乱码,因为他们都一样 一个在控制台出现,一个在页面出现. 首先在mysql.exe上输出 mysql>S ...
- 学习练习 java 程序设计园的周长面积
编写一个Java程序,计算半径为3.0的圆周长和面积并输出结果. 注:系统类Math位于java.lang包中,圆周率π可以由Math类的静态属性PI得到,其定义为“public static fin ...
- 洛谷P2737 [USACO4.1]麦香牛块Beef McNuggets
P2737 [USACO4.1]麦香牛块Beef McNuggets 13通过 21提交 题目提供者该用户不存在 标签USACO 难度普及+/提高 提交 讨论 题解 最新讨论 暂时没有讨论 题目描 ...
- ASPxGridView中批量提交及个别提交的写法
//获取chech box ID protected string GetProtoID() { string protoId = ""; //获取选中的记录Id List< ...
- android style 中一些颜色的定义
colorControlNormal 单选多选等控件颜色 colorControlActivated 单选多选等控件激活颜色
- jQuery Ajax 全解析(转)
<!-- .ajax div{ border: solid 1px red; } --> // <![CDATA[ $(function(){ $("#btnajax&qu ...
- 解决 FastReport 使用存储过程 找不到临时表问题
在存储过程最开始加入:以下命令就可以了 SET FMTONLY OFF 有时候在执行SQL查询语句时,仅仅需要知道检索的元数据,而不是具体的数据行,可以设置SET FMTONLY ON. SET FM ...
- Android IOS WebRTC 音视频开发总结(六五)-- 给韩国电信巨头做咨询
本文主要总结咨询过程中的一些问题,文章最早发表在我们的微信公众号上,详见这里,欢迎关注微信公众号blackerteam 韩国电信巨头sk想了解国内移动互联网rtc现状,所以上周请我过去给他们的相关人员 ...