Achtung, dieser Beitrag wurde bearbeitet, bitte sehen Sie alle möglichen Lösungen
Nach dem, was ich gesucht und gefunden habe, haben Sie nur zwei Möglichkeiten oder versuchen, das CANVAS oder EXPORT als Bild zu drucken, oder meine Idee ist, das Bild vom Inhalt zu trennen und nur das Diagramm zu drucken. Hier ist eine FAQ von Flot, wie können Sie das Bild exportieren: Frage Nummer 3
F: Kann ich das Diagramm exportieren?
A: Sie können das Bild aufnehmen, das von dem von Flot verwendeten Canvas-Element gerendert wird als PNG oder JPEG (denken Sie daran, einen Hintergrund zu setzen). Beachten Sie, dass dies nicht der Fall ist enthalten Sie alles, was nicht in der Zeichenfläche gezeichnet ist (z. B. die Legende). Und es funktioniert nicht mit Excanvas, die VML verwendet, aber Sie könnten es versuchen Flashcanvas.
LÖSUNG 1 - Bild exportieren:
Export Bild auf Computer und dann ausdrucken
LÖSUNG 2 - FLOT to CANVAS:
LÖSUNG 3 - Mein eigener, Modaldruck
Das ist bei weitem nicht die beste Lösung, aber es funktioniert, hier ist eine Demo:
Schritte
Hier ist der notwendige Code:
%Vor%Extra In dieser verwandten Frage geht es darum, Flot nach PDF zu exportieren. Ich weiß nicht, ob Sie interessiert sind: Flot nach PDF exportieren
BEARBEITEN - ARBEITSLÖSUNG Hier ist eine Demo, wie man das Bild exportiert: FLOT to IMAGE
Sie haben eine Lösung gefunden, indem Sie html2canvas verwendet haben. Ordnen Sie zuerst das Container-Div mit der ID "theChart" zu.
%Vor%Jetzt können wir ein Bild erstellen:
%Vor% Dies löst auch das Problem, wenn canvas.toDataURL() keine Achsenbeschriftungen darstellt.
Tags und Links javascript flot