javascript - 使 Highcharts 中的系列可点击

Question

有谁知道如何使 highcharts 中的系列可点击？就像如果您单击其中一项，它会将您带到外部链接？

我查看了文档，但在 highcharts 中找不到选项。

http://www.highcharts.com/docs/chart-concepts/series

这是文档中提供的 fiddle 。如果有人能让该系列可点击，那就太棒了!!

http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/series/data-array-of-arrays/

$(function () {
    $('#container').highcharts({
        chart: {
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
        }]
    });
});

谢谢!

Answer 1

您可以在您的点对象中设置 url(或使用全局)，捕获点上的点击事件并运行 window.location。

plotOptions: {
                 series: {
                     cursor: 'pointer',
                     point: {
                         events: {
                             click: function () {
                                 var url = this.options.url;
                                 window.open(url);
                             }
                         }
                     },
                 }
             },
    series: [{
                 data: [{
                     x: 0,
                     y: 29.9,
                     url: 'http://www.google.com'
                 }, {
                     x: 1,
                     y: 71.5,
                     url: 'http://www.yahoo.com'
                 }]
             }]

http://jsfiddle.net/287JP/2/