Sie können eine von mehreren jQuery -Plug-Ins , um schnell Diagramme und Grafiken mit Hilfe von JavaScript und jQuery . Bewerten Sie die verschiedenen Bibliotheken und wählen Sie die beste Übereinstimmung für Ihre Bedürfnisse. Schreiben Sie die HTML " head "-Tag , um die Bibliotheken und die " " Tag, um die Daten und den Code , um die Grafik zu erzeugen sind enthalten . Testen Sie den HTML-Programm sicherstellen, dass es ordnungsgemäß funktioniert. Anleitung
1
Laden Sie das Plug- in aus dem Host-Standort . Entpacken Sie die Plug- in in einem Verzeichnis, das durch die JavaScript-Programm , die es benutzen werden zugegriffen werden kann.
2
Erstellen Sie eine neue HTML 5 Datei mit einem HTML-Editor oder Notepad. Fügen Sie das " head "-Tag , geben Sie ein Fenster mit dem Titel "
" Tag und fügen Sie die jQuery und Charting- Plug -in-Bibliotheken mit der " <script> " tag: <br> <p> <html> <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> jQuery Graphs < script src = " lib /flot /jquery.flot.min.js ">
3
hinzufügen "
" ; tag und eine leere "
" -Tag mit einem "id ", wo Sie wollen, dass die Grafik angezeigt werden soll. Wählen Sie den "
" Tag mit jQuery mit "$ ('# id' ) . " Legen Sie die JavaScript-Code , um ein Diagramm oder Grafik anzuzeigen :
4
Speichern Sie die HTML-Datei. Öffnen Sie sie in einem Web-Browser zu überprüfen, ob die Grafik richtig angezeigt .
