首页 文章

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

提问于
浏览 次
2

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

  • 按钮1（分享）

  • MenuItem 1：在Facebook上分享

  • MenuItem 2：在Twitter上分享

  • 按钮2）下载

  • MenuItem 1：打印

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

任何帮助，将不胜感激 .

highcharts

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

    回复于

相关问题