自定义Highcharts上下文菜单按钮出现在页面上的每个图表中 [英] Custom Highcharts Context Menu Button Appearing in Every Chart on Page

问题描述

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

I have a page with several charts, and I need to be able to add specific options to the exporting context menu for each chart. This is the code I am using:

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

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

Unfortunately, this adds the option to every chart, not just the chart myChart references. I'd like to be able to add an option and have it appear on only one chart.

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

Here is a fiddle which demonstrates: http://jsfiddle.net/4uP5y/2/

谢谢！ / p>

Thanks!

推荐答案

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

To add button use options for chart. Then you can set for each chart different set of options: http://jsfiddle.net/4uP5y/4/

获取默认按钮：

Get default buttons:

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

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

并将它们设置为图表：

And set them for a chart:

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

这篇关于自定义Highcharts上下文菜单按钮出现在页面上的每个图表中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！