jquery - Highchart 点击 - Extrafield

Question

我们在我们的应用程序中使用 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

提前致谢。

Answer 1

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

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

然后，如果您想根据单击的点位置获取它，您可以将x其用作索引。

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

演示