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/
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
Können Sie Geige zur Verfügung stellen? –
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