Highcharts - 触发 legendItemClick 事件

我想触发与当您选择项目图例但从外部 html 按钮时触发的事件相同的事件。是否可以？

我创建了一个 jsfiddle 来展示它：http://jsfiddle.net/YcJF8/1/ 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）。

非常感谢

只需使用：

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

哪里的0是您想要“点击”的系列的索引。

Update fiddle http://jsfiddle.net/YcJF8/2/.

EDITS

• highcharts-legend-item是图例中每个条目的类。我通过使用 Chrome 开发工具检查图例发现了这一点。
• the $('.highcharts-legend-item')是一个 jquery 选择器，用于返回该类的所有元素的数组。我通过索引选择第一个$()将其转换为 jquery 对象
• The .click这是：http://api.jquery.com/click/ http://api.jquery.com/click/