2

我正在尝试在 HighCharts 中使用两个不同的 menuItems 创建 2 个导出按钮（共享和下载）

  • 按钮 1（分享）

    • 菜单项 1：在 Facebook 上分享
    • 菜单项 2：在 Twitter 上分享

  • 按钮 2) 下载

    • 菜单项 1：打印
    • 菜单项 2：下载为 PNG

正如您在http://jsfiddle.net/kmPh8/18/上看到的那样

exporting: {
    buttons: [
        {
            text: 'Download',
            x: -82,
            symbolFill: '#B5C9DF',
            hoverSymbolFill: 'red',
            menuItems: [
                {
                    text: 'Print',
                    onclick: function() {
                        alert('blue menu 1');
                    }
                },
                {
                    text: 'Download as PNG',
                    onclick: function() {
                        alert('blue menu10000');
                    }
                }
           ]
      },
    {
        text: 'Share',
        x: -10,
        symbolFill: '#B5C9DF',
        hoverSymbolFill: 'blue',
        menuItems: [{
            text: 'Share on facebook',
            onclick: function() {
                alert('Facebook Share');
            }},
        {
            text: 'Share on twitter',
            onclick: function() {
                alert('Twitter share');
            }}
                        ]}]
}

但是...问题是您首先单击的任何按钮，您都会在第二个按钮上看到 menuItems，如果您再次“运行”它，请单击另一个按钮，您将再次看到问题。每个按钮基本上不显示单独的菜单项。

任何帮助，将不胜感激。

4

1 回答 1

2

确实它看起来像一个问题，因为我试图在这里重现它 http://jsfiddle.net/MzB9b/2/并且确实显示了问题。

 exporting: {
        buttons: {
            contextButton: {
                menuItems: [{
                    text: 'Export to PNG (small)',
                    onclick: function() {
                        alert('EXPORT PNG small');
                    }
                }, {
                    text: 'Export to PNG (large)',
                    onclick: function() {
                        alert('EXPORT PNG large');
                    },
                    separator: false
                }]
            },
            testButton: {
                symbol: 'diamond',
                x: -62,
                symbolFill: '#B5C9DF',
                hoverSymbolFill: '#779ABF',
                _titleKey: 'printButtonTitle',
                 menuItems: [{
                    text: 'Facebook',
                    onclick: function() {
                        alert('Facebook');
                    },
                }, {
                    text: 'Twitter',
                    onclick: function() {
                        alert('Twitter');
                    },
                    separator: false
                }]
            }
        }
    }

所以我向开发者报告了这个问题https://github.com/highslide-software/highcharts.com/issues/1908

于 2013-05-31T13:14:28.323 回答