Highcharts - Übersicht
Highchartsist eine reine JavaScript-basierte Diagrammbibliothek, die Webanwendungen durch Hinzufügen interaktiver Diagrammfunktionen verbessern soll. Es unterstützt eine Vielzahl von Diagrammen. Diagramme werden mit SVG in Standardbrowsern wie Chrome, Firefox, Safari und Internet Explorer (IE) erstellt. In Legacy IE 6 wird VML zum Zeichnen der Grafiken verwendet.
Funktionen der Highcharts Library
Lassen Sie uns nun einige wichtige Funktionen der Highcharts Library diskutieren.
Compatability - Funktioniert problemlos auf allen gängigen Browsern und mobilen Plattformen wie Android und iOS.
Multitouch Support - Unterstützt Multitouch auf Touchscreen-basierten Plattformen wie Android und iOS.Ideal für iPhone / iPad und Android-basierte Smartphones / Tablets.
Free to Use - Open Source und kann kostenlos für nichtkommerzielle Zwecke verwendet werden.
Lightweight - Die Kernbibliothek von highcharts.js mit einer Größe von fast 35 KB ist eine extrem leichte Bibliothek.
Simple Configurations - Verwendet json, um verschiedene Konfigurationen der Diagramme zu definieren und ist sehr einfach zu erlernen und zu verwenden.
Dynamic - Ermöglicht das Ändern des Diagramms auch nach der Diagrammgenerierung.
Multiple axes- Nicht auf die x-, y-Achse beschränkt. Unterstützt mehrere Achsen in den Diagrammen.
Configurable tooltips- Tooltip wird angezeigt, wenn ein Benutzer über einen beliebigen Punkt in einem Diagramm schwebt. Highcharts bietet einen integrierten Tooltip-Formatierer oder Callback-Formatierer, um den Tooltip programmgesteuert zu steuern.
DateTime support- Datum und Uhrzeit speziell behandeln. Bietet zahlreiche integrierte Steuerelemente für datumsbezogene Kategorien.
Export - Exportieren Sie das Diagramm in das PDF / PNG / JPG / SVG-Format, indem Sie die Exportfunktion aktivieren.
Print - Diagramm über Webseite drucken.
Zoomablity - Unterstützt das Zoomen von Diagrammen, um Daten genauer anzuzeigen.
External data- Unterstützt das dynamische Laden von Daten vom Server. Bietet Kontrolle über Daten mithilfe von Rückruffunktionen.
Text Rotation - Unterstützt die Drehung von Etiketten in jede Richtung.
Unterstützte Diagrammtypen
Die Highcharts-Bibliothek bietet die folgenden Diagrammtypen:
| Sr.Nr. | Diagrammtyp & Beschreibung |
|---|---|
| 1 | Line Charts Wird zum Zeichnen von Linien- / Spline-basierten Diagrammen verwendet. |
| 2 | Area Charts Wird zum Zeichnen von flächenbezogenen Diagrammen verwendet. |
| 3 | Pie Charts Wird zum Zeichnen von Kreisdiagrammen verwendet. |
| 4 | Scatter Charts Wird zum Zeichnen von verstreuten Diagrammen verwendet. |
| 5 | Bubble Charts Wird zum Zeichnen von blasenbasierten Diagrammen verwendet. |
| 6 | Dynamic Charts Wird zum Zeichnen dynamischer Diagramme verwendet, in denen der Benutzer Diagramme ändern kann. |
| 7 | Combinations Wird zum Zeichnen von Kombinationen verschiedener Diagramme verwendet. |
| 8 | 3D Charts Wird zum Zeichnen von 3D-Diagrammen verwendet. |
| 9 | Angular Gauges Wird zum Zeichnen von Tacho-Diagrammen verwendet. |
| 10 | Heat Maps Wird zum Zeichnen von Heatmaps verwendet. |
| 11 | Tree Maps Wird zum Zeichnen von Baumkarten verwendet. |
In unseren folgenden Kapiteln werden wir jeden Typ der oben genannten Diagramme anhand von Beispielen ausführlich erläutern.
Lizenz
Highcharts ist Open Source und kann kostenlos für nichtkommerzielle Zwecke verwendet werden. Um Highcharts in kommerziellen Projekten zu verwenden, folgen Sie dem Link - Lizenz und Preise