javascript - Bitte sagen Sie mir, wie ich das von Highcharts in HTML angezeigte Kreisdiagramm lokal speichern kann, ohne die integrierte Exportfunktion zu verwenden.

Ich bin kürzlich mit Highcharts in Kontakt gekommen und habe festgestellt, dass dieses Ding etwas cool ist, aber ich bin auf ein Problem gestoßen. Wie speichere ich das von Highcharts generierte Bild auf dem lokalen Computer? Oder wie füge ich das generierte Bild in eine PDF-Datei ein? Ich hoffe, dass Sie mir alle einen Rat geben werden, vielen Dank.

Antwortinhalt:

Ich bin kürzlich mit Highcharts in Kontakt gekommen und habe festgestellt, dass dieses Ding etwas cool ist, aber ich bin auf ein Problem gestoßen. Wie speichere ich das von Highcharts generierte Bild auf dem lokalen Computer? Oder wie füge ich das generierte Bild in eine PDF-Datei ein? Ich hoffe, dass Sie mir alle einen Rat geben werden, vielen Dank.

Highcharts wird auf Canvas-Basis implementiert.
Canvas verfügt über eine toDataURL-Methode, um den Bilddatenpfad abzurufen.

Der von mir verwendete Pseudocode dient nur zur Veranschaulichung

<code>data路径 = $("#图表的canvas")[0].toDataURL("image/png")</code>

Als Lokal speichern:

<code>1、<img src="data路径"> 提示用户另存即可
2、<a target="_blank" href="data路径">下载</a> 客户点击即可看到图片</code>

Auf Server speichern:
Ajax-Datenpfad, Bibliothek hochladen oder Base64 verwenden, um das Bild zu dekodieren und zu speichern.