2016-06-29 7 views
1

ハイチャートの2つの視覚化が表示されているWebページがあります。私はこれらの2つのチャートのそれぞれに新しいエクスポートオプションを追加して、各チャートのデータに関連するExcelスプレッドシートをダウンロードできるようにします。私はイベントの追跡に使用するために既にHighcharts.setOptions()に一連のエクスポートオプションを用意しています。これらのオプションは私のウェブサイト上の他のチャートでも使用されており、普遍的なものになっています。新しいエクスポートオプションの作品を追加するコードが、それは、両方チャート、私は望んでいないだけ1に追加します:ハイチャート:カスタムエクスポートオプションを追加すると、エクスポートメニューに重複した項目が表示される

は、ここに私の挑戦です。なぜ私は明示的に関連するチャートのオプションの配列のみに新しいオプションを追加しているので、これが起こっているのか分かりません。

私のコードの作業フィドルはここにあります:http://jsfiddle.net/brightmatrix/qr422sjk/2/

次のように私は新しいエクスポートオプションを追加しているコードの重要な部分は、次のとおりです。ここで

var drawChart1 = new Highcharts.Chart(chart1); 
drawChart1.options.exporting.buttons.contextButton.menuItems.push({ 
    text: 'Download Excel spreadsheet (chart #1)', 
    onclick: function() { 
     window.open('https://docs.google.com/spreadsheets/d/1bDffOyfCe0gWLqmXwW5TrlQ8RkfFDXiMqyNhRXlNlDU/edit#gid=0'); 
    } 
}); 

var drawChart2 = new Highcharts.Chart(chart2); 
drawChart2.options.exporting.buttons.contextButton.menuItems.push({ 
    text: 'Download Excel spreadsheet (chart #2)', 
    onclick: function() { 
     window.open('https://docs.google.com/spreadsheets/d/1bDffOyfCe0gWLqmXwW5TrlQ8RkfFDXiMqyNhRXlNlDU/edit#gid=0'); 
    } 
}); 

は、私は、チャートのいずれかにエクスポート]メニューを切り替えたときに、私が見たものです。

enter image description here

アドバイスやガイダンスは大歓迎です。ありがとうございました!

+0

その理由ははsetOptionsによってexporintgボタンを適用しています。特定のチャートだけを宣言し、各チャートの2つのアイテムを避けます。 –

答えて

1

セバスチャンは既にコメントに書いているので、各チャートを作成する前にHighcharts.setOptions()を使用すると、両方のチャートにオプションが設定されます。

例:http://jsfiddle.net/qr422sjk/3/

+0

ああ、私は今参照してください!私の質問を見直してこの問題を解決してくれてありがとう(そして@SebastianBochen)ありがとう。 –

関連する問題