javascript - Highcharts:添加自定义导出选项时在导出菜单中获取重复项目

Question

我有一个网页，在其中显示两个 Highcharts 可视化效果。我向这两个图表中的每一个添加了一个新的导出选项，以便用户可以下载与每个图表的数据相关的 Excel 电子表格。我已经在 Highcharts.setOptions() 中拥有一组导出选项，用于事件跟踪；这些选项与我网站上的其他图表一起使用，并且是通用的。

这是我的挑战:添加新导出选项的代码有效，但它会将其添加到两个图表中，而不仅仅是我想要的图表。我不确定为什么会发生这种情况，因为我明确地将新选项仅添加到相关图表的选项数组中。

我的代码的工作 fiddle 可以在这里找到:http://jsfiddle.net/brightmatrix/qr422sjk/2/ .

我添加新导出选项的关键代码如下:

var drawChart1 = new Highcharts.Chart(chart1);
drawChart1.options.exporting.buttons.contextButton.menuItems.push({
    text: 'Download Excel spreadsheet (chart #1)',
    onclick: function () {
        window.open('https://docs.google.com/spreadsheets/d/1bDffOyfCe0gWLqmXwW5TrlQ8RkfFDXiMqyNhRXlNlDU/edit#gid=0');
    }
});

var drawChart2 = new Highcharts.Chart(chart2);
drawChart2.options.exporting.buttons.contextButton.menuItems.push({
    text: 'Download Excel spreadsheet (chart #2)',
    onclick: function () {
        window.open('https://docs.google.com/spreadsheets/d/1bDffOyfCe0gWLqmXwW5TrlQ8RkfFDXiMqyNhRXlNlDU/edit#gid=0');
    }
});

以下是我在任一图表中切换“导出”菜单时看到的内容:

非常欢迎任何建议或指导。谢谢!

Answer 1

正如 Sebastian 在评论中所写 - 如果您在创建每个图表之前使用 Highcharts.setOptions()，那么两个图表将仅具有设置选项。

示例:http://jsfiddle.net/qr422sjk/3/