分享未来 ^Internet _Technology

在一个项目中需要使用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