Question

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

按钮1（分享）
- MenuItem 1：在Facebook上分享
- MenuItem 2：在Twitter上分享
按钮2）下载
- MenuItem 1：打印
- MenuItem 2：以PNG格式下载

上看到的那样

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，如果你'再次'再次点击另一个按钮，你会再次看到问题。每个按钮基本上不显示单个菜单项。

任何帮助都将不胜感激。

Answer 1

确实看起来像是一个问题，因为我试图在这里重现它 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

报告了这个问题

不同菜单项的Highcharts按钮不起作用

1 个答案: