Highchart Click - Extrafield

时间:2013-03-02 16:14:48

标签: jquery events click highcharts

我们在我们的应用程序中使用Highcharts api。 http://jsfiddle.net/hitser/k7eDR/2/

我有这个系列数组:

[{"showInLegend":false,"name":"J_02","data":[20,17,26,25],"extrafield":["<b>Time:
</b>05:44:45S<b>Speed:</b>20Km\h<b>Lat:</b>4.666810 <b>Long:</b>-74.111214","<b>Time:
</b>05:46:47<b>Speed:</b>17Km\h<b>Lat:</b>4.672675<b>Long:</b>-74.105377"," <b>Time:
</b>05:50:54<b>Speed:</b>26Km\h<b>Lat:</b>4.689762<b>Long:</b>-74.093102","<b>Time:
</b>05:57:02<b>Speed:</b>25Km\h<b>Lat:</b>7.390400<b>Long:</b>-74.073021"]}]

我可以为每个点做一个警报事件来向我展示:

Name :J_02
Time : 05:44:45
Speed :20Km/h
Lat:4.666810
Long:74.111214

提前致谢。

1 个答案:

答案 0 :(得分:0)

您可以通过以下方式获取点击事件。

plotOptions: {
    series: {
        point: {
            events: {
                click: function() {
                    alert(this.series.options.extrafield[0]);
                }
            }
        }
    }
}

然后,如果您想根据点击的点位置获取它,可以使用x作为索引。

alert(this.series.options.extrafield[ this.x ]);

Demo