Google Charts verwenden

Illustration, Einführungsbild

Google Charts bietet die perfekte Möglichkeit, Daten auf Ihrer Website zu visualisieren. Von einfachen Liniendiagrammen bis hin zu komplexen hierarchischen Strukturkarten bietet die Diagrammgalerie eine Vielzahl sofort einsatzbereiter Diagrammtypen.

Die am häufigsten verwendete Methode für die Verwendung von Google Charts ist einfaches JavaScript, das du in deine Webseite einbettest. Sie laden einige Google-Diagrammbibliotheken, listen die Daten auf, die im Diagramm dargestellt werden sollen, wählen Optionen zum Anpassen des Diagramms aus und erstellen schließlich ein Diagrammobjekt mit einer von Ihnen ausgewählten id. Später auf der Webseite erstellen Sie dann ein <div>-Element mit dieser id, um das Google-Diagramm anzuzeigen.

Das ist alles, was du brauchst, um loszulegen.

Diagramme werden als JavaScript-Klassen dargestellt und in Google Diagramme stehen Ihnen viele Diagrammtypen zur Verfügung. In der Regel haben Sie alles, was Sie brauchen – und Sie können ein Diagramm an Ihre Website anpassen. Diagramme sind äußerst interaktiv und stellen Ereignisse bereit, mit denen Sie sie verknüpfen können, um komplexe Dashboards oder andere in Ihre Webseite integrierte Funktionen zu erstellen. Diagramme werden mit HTML5/SVG-Technologie gerendert, um browserübergreifende Kompatibilität zu bieten (einschließlich VML für ältere IE-Versionen) und plattformübergreifende Portabilität auf iPhones, iPads und Android. Ihre Nutzer müssen sich nie mit Plug-ins oder Software beschäftigen. Wenn sie einen Webbrowser haben, können sie Ihre Diagramme sehen.

Alle Diagrammtypen werden mit der Klasse DataTable mit Daten gefüllt. So können Sie beim Experimentieren einfach zwischen den Diagrammtypen wechseln, um die ideale Darstellung zu finden. Die DataTable bietet Methoden zum Sortieren, Ändern und Filtern von Daten. Sie kann direkt auf Ihrer Webseite, in einer Datenbank oder über einen beliebigen Datenanbieter ausgefüllt werden, der das Diagrammtools-Datenquellenprotokoll unterstützt. Dieses Protokoll enthält eine SQL-ähnliche Abfragesprache und wird von Google Tabellen, Google Fusion Tables und Datendrittanbietern wie SalesForce implementiert. Du kannst das Protokoll sogar auf deiner eigenen Website implementieren und Datenanbieter für andere Dienste werden.

Sie möchten Ihr erstes Diagramm erstellen? Kurzanleitung ansehen

 

Unsere Tools entwickeln sich ständig weiter, um Ihre Anforderungen besser zu erfüllen. Ihr Feedback hilft uns dabei, die richtigen Funktionen zu entwickeln. Tritt unserer Diskussionsgruppe bei.