ページには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/
はい、私はそれを試しました...しかし、私は内部にいくつかのテキストを持つパイチャートを持っています、そして、このアプローチはそのテキストのスタイルを破壊します...なぜそれがそうであるかわからない円グラフの中間にあります。エクスポート後に、このテキストがチャートシリーズと重なる上部に表示されます) – demo
フィドルを提供できますか? –
一時的な解決策のように見えました:動的なiframeターゲットまたは単に「_blank」を渡してグラフをエクスポートできます。これはすべてのブラウザ(IE 11、Chrome、Mozilla、Safari)で動作します。 – demo