Jul17

【原创】highcharts自定义数据类型使用方法

Author: leeon  Click: 8075   Date: 2011.07.17 @ 21:01:49 pm Category: javascript
在一个项目中需要使用highcharts来绘制图表,希望能点击每个point来做一些事件处理。但是我们需要像后端提交的值不是highcharts默认的x坐标值,y坐标值和name值,因此我们如何存储自定义的值并在事件中捕获它?

http://jsfiddle.net/jsalwen/dALDR/ 这个示例代码已经非常详细的说明了解决方案。

首先我们自定义的数据一定要放在data下,例如示例代码中所示:


series: [
{ data: [{ y: 29.9, customdata: 'somevalue' }, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]

series可选对象中需要指定y这个key,并将自定义的key-value数据放入data中,而不能将自定义数据独立于data外。

在捕获事件的时候在plotOptions对象中加入事件处理函数,并注意捕获数据的方法为:


event.point.customdata

即event.point.自定义的数据keyname



TAG:   highcharts javascript chart

    评论
    • 提交

    分类

    标签

    归档

    最新评论

    shallwe99在10:21:17评论了
    【原创】如何在微信小程序开发中正确的使用vant ui组件
    默一在09:04:53评论了
    Berkeley DB 由浅入深【转自架构师杨建】
    Memory在14:09:22评论了
    【原创】最佳PHP框架选择(phalcon,yaf,laravel,thinkphp,yii)
    leo在17:57:04评论了
    shell中使用while循环ssh的注意事项
    呵呵哒啦在15:06:33评论了
    【原创】最佳PHP框架选择(phalcon,yaf,laravel,thinkphp,yii)

    我看过的书

    链接

    其他

    访问本站种子 本站平均热度:6898 c° 本站链接数:29 个 本站标签数:459 个 本站被评论次数:93 次