gchart ist eine JQuery-Komponente, die auf der Google Chart API basiert. Verwenden Sie gchart, um auf einfache Weise leistungsstarke Diagramme und Berichte zu erstellen. Gchart basiert auf der Google-Diagrammoberfläche und ist einfach, praktisch, leistungsstark, ausreichend und benutzerfreundlich. Die Artikelserie „gchart: Eine vollständige Anleitung zu Google Chart-Schnittstellenkomponenten basierend auf jquery“ entführt Sie in die Berichtswelt von gchart.
Lassen Sie mich zunächst diesen unangenehmen Titel erklären.
Google Chart-API:
Die Google Chart API ist eine von Google bereitgestellte API-Schnittstelle, mit der verschiedene Diagramme generiert werden können. Abhängig von Ihren Anforderungen gibt die Google Charts-API als Antwort auf eine URL ein Bild im PNG-Format zurück. Die Google Charts API kann viele Arten von Bildern generieren, darunter Liniendiagramme, Balkendiagramme und Kreisdiagramme. Sie können Eigenschaften für jeden Bildtyp angeben, z. B. Größe, Farbe und Beschriftungen.
Das Obige wurde von der offiziellen Website der Google Chart API kopiert. Entsprechend den Hörgewohnheiten der Chinesen handelt es sich um eine spezielle Schnittstelle. Geben Sie einfach die gewünschten Berichtsanforderungen ein und Sie erhalten ein PNG-Bild . Dieses PNG-Bild ist der Bericht, den Sie wollen!
XX-Komponente basierend auf JQuery :
Um es ganz klar auszudrücken: Ein Kumpel hat eine JavaScript-Komponente geschrieben, war aber etwas faul. Er wollte kein Element bekommen und brauchte document.getElementById, also benutzte er eine einfache JavaScript-Bibliothek – jquery. Er muss sich nicht um die Lösung von Browserkompatibilitäts- und anderen komplizierten JavaScript-Problemen kümmern und kann sich hauptsächlich auf die Komponentenlogik konzentrieren, die er implementieren möchte. Natürlich bietet die Verwendung von jquery noch viele weitere Vorteile. Kurz gesagt, wenn Sie die JavaScript-Komponente dieses Freundes verwenden möchten, müssen Sie zunächst jquery, die grundlegende JavaScript-Bibliothek, einführen.
gchart:
Wie oben erwähnt, möchte ein Freund eine JavaScript-Komponente schreiben. Die Funktion dieser Komponente besteht darin, die Diagramm-API von Google einfacher und bequemer aufzurufen, um verschiedene Diagramme zu generieren.
Kurz gesagt, gchart verwendet vorne die JQuery einer anderen Person und hinten die Google Chart-API einer anderen Person. Unterschätzen Sie es jedoch nicht, Komplexität in Einfachheit und Verfall in Magie verwandeln zu können. Und unsere Artikelserie „gchart: Eine vollständige Anleitung zu Google-Diagrammschnittstellenkomponenten basierend auf jquery“ soll es interpretieren.
Quelle: JustinYoungs Blog
Verantwortlicher Redakteur: moby