Highcharts - fire legendItemClick事件

Question

我想触发当你从外部html按钮选择项目图例时触发的同一事件.可能吗？

我创建了一个jsfiddle来展示它:http://jsfiddle.net/YcJF8/1/ .

$('#container').highcharts({
                    chart : {
                        type : 'spline',
                    },

                    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],

                    }],

                    plotOptions : {
                        series : {

                        cursor : 'pointer',
                    }
                },
});

$('#button').click(function() {
        alert("Fire legenditemclick event");
});

在这个jsfiddle,我有一个按钮,我希望当我点击按钮时,它会触发一个事件或图表检测到的东西,并且单击了项目图例(系列1).

非常感谢你

Answer 1

只需使用:

$($('.highcharts-legend-item')[0]).click()

其中0是您希望"点击"的系列索引.

更新小提琴.

EDITS

• highcharts-legend-item是图例中每个条目的类.我通过使用chrome开发工具来检查图例来发现这一点.
• 的$('.highcharts-legend-item')是一个jquery选择器返回该类的所有元件的阵列.我通过索引选择第一个,然后将$()其转换为jquery对象
• 这.click是:http://api.jquery.com/click/