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 显示点值的效果的更多相关文章

  1. 3-Highcharts曲线图之显示点值折线图

    直接上代码  根据代码注释讲解 <!DOCTYPE> <html lang='en'> <head> <title>3-Highcharts曲线图之显示 ...

  2. Qt自定义带游标的slider,在滑块正上方显示当前值(类似于进度条,用一个额外的QLabel冒充QSilder的一部分,然后move就行了)

    首先自定义QSlider的子类MyCustomSlider,如下所示. mycustomslider.h #ifndef MYCUSTOMSLIDER_H #define MYCUSTOMSLIDER ...

  3. Qt自定义带游标的slider,在滑块正上方显示当前值(非常有意思,继承QSlider之后增加一个QLabel,然后不断移动它)

    首先自定义QSlider的子类MyCustomSlider,如下所示. mycustomslider.h #ifndef MYCUSTOMSLIDER_H #define MYCUSTOMSLIDER ...

  4. 解决ASP.NET MVC4中使用Html.DropDownListFor显示枚举值默认项问题

    从ASP.NET MVC 5开始,Html.DropDownListFor已经提供了对Enum的支持,但在这以前,需要通过帮助方法或扩展方法来让Html.DropDownListFor显示枚举值. 本 ...

  5. JS实现类似QQ好友头像hover时显示资料卡的效果

    一.应用场景 鼠标hover弹出div,并且鼠标离开后不能马上隐藏,因为这个div上还有功能入口.比如: 鼠标经过好友列表中的好友头像时显示资料卡的效果 hover时显示二维码 二.实现 用如下这样一 ...

  6. ProgressBar显示进度值,垂直或者水平滚动条

    过去一段时间,在研究Windows的系统控件ProgressBar,一直奇怪为啥它不能显示进度值,本以为是个很简单的问题,结果搜索很久,也没有找到好的解决方案,最后终于找到一个Perfect方案,特记 ...

  7. winform中ComboBox实现text和value,使显示和值分开,重写text和value属性

    winform的ComboBox中只能赋值text,显示和值是一样的,很多时候不能满足根本需要,熟悉B/S开发的coder最常用的就是text和value分开的,而且web下DropDownList本 ...

  8. WPF防止界面卡死并显示加载中效果

    原文:WPF防止界面卡死并显示加载中效果 网上貌似没有完整的WPF正在加载的例子,所以自己写了一个,希望能帮到有需要的同学 前台: <Window x:Class="WpfApplic ...

  9. js兼容火狐显示上传图片预览效果

    js兼容火狐显示上传图片预览效果[谷歌也适用] <!doctype html> <html> <head> <meta content="text/ ...

随机推荐

  1. selenium项目总结(UI自动化测试平台搭建、测试报告生成、邮件转发)

    最近博主完成了一个web端UI自动化平台测试环境搭建,包括常用的操作流程组合成方法,组织测试用例,利用框架及报告文件生成,最后通过邮件添加附件的格式发送. 首先UI自动化平台的核心是selenium+ ...

  2. JS 中数组的排序和去重

    在 PHP 中,数组有很多排序方法,不过其他语言的数组中大概是不会像 JS 的数组一样,包罗万象,啥都通吃的.所以 JS 的数组排序情况就略多一些了. 简单粗暴的排序: 赤果果的sort: var   ...

  3. Android编码风格

    整理一下51CTO学院中张凌华老师讲的编码风格课程 一. 项目开发目录命名: Requirement - 需求相关文档 Design - 设计 Planning&Log - 计划,日志,会议 ...

  4. 转——Android应用开发性能优化完全分析

    [工匠若水 http://blog.csdn.net/yanbober 转载请注明出处.] 1 背景 其实有点不想写这篇文章的,但是又想写,有些矛盾.不想写的原因是随便上网一搜一堆关于性能的建议,感觉 ...

  5. Android 操作系统的内存回收机制

    参考 http://www.ibm.com/developerworks/cn/opensource/os-cn-android-mmry-rcycl/index.html

  6. java servlet上传文件并把文件内容显示在网页中

    servlet3.0(JDK1.6)自带的API即可实现本地文件的上传,Servlet3.0新增了Part接口,HttpServletRequest的getPart()方法取得Part实现对象.下面我 ...

  7. [Hibernate 1]Hibernate的环境搭建

    一.Hibernate是什么 直接使用JDBC操作数据库的步骤很繁琐,JDBC操作的是关系型数据库,而我们用JAVA开发程序,则使用面向对象的思想.Hibernate正是在这两种不同的模型之间建立关联 ...

  8. [drp 3]读取Xml配置文件,连接数据库

    导读:之前看一本XML的书,里面说到了对于XML的操作问题,但由于各方面的原因,一直没有总结.这次借着做项目,就总结总结对于XML文件的利用.主要是从配置数据库连接和保存数据这两方面来的.这篇博客介绍 ...

  9. WWF3控制流程类型活动<第二篇>

    一.顺序工作流 顺序活动是WWF工作流中最基本.最简单的容器类型的活动.顺序活动可以作为很多其他活动的分支. 代码: private void CodeExecute1(object sender, ...

  10. js,jquery获取下拉框选中的option

    js获取select选中的值: var sel=document.getElementById("select1"); var index = sel.selectedIndex; ...