2

HighCharts で 2 つの異なる menuItems を使用して 2 つのエクスポート ボタン (共有とダウンロード) を作成しようとしています。

  • ボタン 1 (共有)

    • MenuItem 1: Facebook で共有する
    • メニュー項目 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');
            }}
                        ]}]
}

しかし...問題は、最初にクリックしたボタンが何であれ、2番目のボタンに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 に答える