javascript - 自定义 Highcharts 上下文菜单按钮出现在页面上的每个图表中

Question

我有一个包含多个图表的页面，我需要能够将特定选项添加到每个图表的导出上下文菜单中。这是我正在使用的代码:

myChart.options.exporting.buttons.contextButton.menuItems.push({
        text: "Custom Option",
        onclick: someFunction
    });

不幸的是，这会为每个图表添加该选项，而不仅仅是 myChart 引用的图表。我希望能够添加一个选项并让它只出现在一个图表上。

这是一个演示的 fiddle :http://jsfiddle.net/4uP5y/2/

谢谢!

Answer 1

要为图表添加按钮使用选项。然后您可以为每个图表设置不同的选项集:http://jsfiddle.net/4uP5y/4/

获取默认按钮:

var buttons = Highcharts.getOptions().exporting.buttons.contextButton.menuItems;

buttons.push({
    text: "Tokyo Only Option",
    onclick: HelloWorld
});

并将它们设置为图表:

exporting: {
    buttons: {
        contextButton: {
            menuItems: buttons // or buttons.slice(0,6)
        }
    }
},