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

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

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

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

这是一个小提琴,演示：http://jsfiddle.net/4uP5y/2/

谢谢！

解决方法

为图表添加按钮使用选项.然后,您可以为每个图表设置不同的选项集： 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)
        }
    }
},

原文地址：https://www.jb51.cc/js/155600.html