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

Question

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

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

不幸的是,这为每个图表添加了选项,而不仅仅是myChart引用的图表.我希望能够添加一个选项并让它只显示在一个图表上.

这是一个小提琴演示: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)
        }
    }
},