2016-09-16 7 views
2

Auf Seite habe ich 2 Diagramme. Sie sind mit Highcharts-Bibliothek gebaut.Exportieren mehrerer Diagramme mit einer Anfrage

Ich muss sie alle als PNG Dateien exportieren. Also füge ich Button hinzu, auf den ich klicken muss, muss ich 2 separate PNG-Dateien haben.

Ich habe Funktion:

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

ich in dieser Funktion übergeben Id jedes Diagramm, aber in Folge habe ich immer nur letzte Chart ... Ich versuche timeout hinzufügen, aber dies hilft nicht.

habe ich einen Blick in die Registerkarte Netzwerk in Browser und sehen immer nur 1 Anfrage http://export.highcharts.com/

mir jemand dabei helfen kann? Hier


ist Beispiel, bei dem Export für 2 Charts funktionieren, aber in meinem Fall auch nicht hilft (in Beispiel es verwendet wird, einige Plugin highcharts-export-clientside aber ich benutze einfach exporting.js)


UPD: Ich habe highcharts-export-clientside Plugin hinzugefügt, aber immer noch highcharts Methode exportChart (im Plugin gibt es exportChartLocal). Mit diesem Plugin ist es möglich, mehrere Diagramme zu exportieren, aber in png bekomme ich schlechte Formatierung Diagramm, alle meine Stile sind kaputt. Ich weiß also nicht, welchen Einfluss dieses Plugin hat, wenn ich keine davon verwende.


Auch scheint wie mehrere Export funktioniert in FF, aber nicht in Chrome.


Beispiel der einfachen Logik: http://jsfiddle.net/6mn2j5pL/

Antwort

0

Dies könnte Ihnen helfen, zu beheben.

Sie können Highcharts.charts verwenden, um Array Ihrer Diagramme zu erhalten. Dann können Sie Highcharts.each für das Looping über Ihre Diagramme verwenden und nacheinander exportieren. sowie

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

Lösung in diesem Forum zur Verfügung gestellt scheint auf Chrom zu arbeiten.

+0

ja, ich habe es versucht ... aber ich habe Tortendiagramm mit etwas Text im Inneren, und dieser Ansatz zerstören Stil dieses Textes ... so weiß nicht, warum es so ist (Text ist gestylt zu in der Mitte des Kuchen-Kreis-Diagramms sein, nach dem Export bekomme ich diesen Text an der Spitze, die Diagramm-Reihen überlappt) – demo

+0

Können Sie Geige zur Verfügung stellen? –

+1

Habe wie temp Lösung gefunden: Ich kann ein Diagramm exportieren, indem ich ein dynamisches iframe-target oder einfach "_blank" übergebe. Dies funktioniert in jedem Browser (IE 11, Chrome, Mozilla und Safari) – demo

Verwandte Themen