2016-09-16 4 views
2

ページには2つのチャートがあります。彼らはHighchartsライブラリで構築されています。複数のチャートを1つのリクエストでエクスポートする

すべてをPNGファイルとしてエクスポートする必要があります。だから私は2つの別々のpngファイルを持つ必要がありますクリックして、ボタンを追加します。

私が機能を持っている:

myApp.highchart.export.create = function (elementId, filename) { 
    var chart = $(elementId).highcharts(); 
    chart.exportChart({ type: 'image/png', filename: filename, sourceWidth: chart.chartWidth }); 
} 

は、私はすべてのチャートのこの機能Idを渡すが、結果には、私はいつも最後のチャートを取得...私はtimeoutを追加しようとするが、これは役立ちません。

私は誰かがそれで私を助けることができる、ブラウザの[ネットワーク]タブに見ていたし、常にhttp://export.highcharts.com/

にのみ1の要求を参照してください?ここで


は2つのチャート作品の輸出は、私の場合には、これも解決しない例である(それはいくつかのプラグイン highcharts-export-clientsideを使用した例では、私はシンプルexporting.js使用)


UPD:highcharts-export-clientsideプラグインを追加しましたが、highchartsメソッドexportChartをまだ使用しています(プラグインにはexportChartLocalがあります)。このプラグインで複数のグラフをエクスポートすることは可能ですが、pngではフォーマットチャートが悪くなり、すべてのスタイルが壊れてしまいます。だから私は、このプラグインを持っていないときにこのプラグインがどのような影響を持っているのかわからない。


FFでもChromeではエクスポートされていないようです。単純な論理の


例:http://jsfiddle.net/6mn2j5pL/

答えて

0

これは、あなたがそれを修正するに役立つかもしれません。

Highcharts.chartsを使用してチャートの配列を取得できます。その後、 を使用すると、Highcharts.eachを使用してチャートをルーピングし、 を順番にエクスポートすることができます。このフォーラムで提供

http://forum.highcharts.com/highcharts-usage/how-to-export-multiple-charts-to-separate-image-files-t35191/

ソリューションは、同様にクロームで動作しているようです。

+0

はい、私はそれを試しました...しかし、私は内部にいくつかのテキストを持つパイチャートを持っています、そして、このアプローチはそのテキストのスタイルを破壊します...なぜそれがそうであるかわからない円グラフの中間にあります。エクスポート後に、このテキストがチャートシリーズと重なる上部に表示されます) – demo

+0

フィドルを提供できますか? –

+1

一時的な解決策のように見えました:動的なiframeターゲットまたは単に「_blank」を渡してグラフをエクスポートできます。これはすべてのブラウザ(IE 11、Chrome、Mozilla、Safari)で動作します。 – demo

関連する問題