Diagramme werden häufig verwendet, um Beziehungen zwischen Daten visuell darzustellen. Ziel eines Diagramms ist es, Daten darzustellen, die zu komplex oder zu zahlreich sind, um in Textform wiedergegeben zu werden. Diagramme eignen sich nicht ideal für kleine Datenmengen, die Sie problemlos in einem Satz vermitteln können. Wenn die Daten eine Beziehung zwischen zwei Variablen offenbaren oder deutliche Trends zeigen, müssen Sie auf ein Diagramm zurückgreifen. Ohne einen Trend lässt sich die Verwendung eines Diagramms nur schwer rechtfertigen.
Wie erstellt man also ein Diagramm? Es gibt viele Computerprogramme zu diesem Zweck, aber sie sind entweder nicht benutzerfreundlich oder es fehlen die benötigten Diagrammtypen.
Image Charts hat jedoch in letzter Zeit an Bedeutung gewonnen, wenn es um die schnelle Erstellung professioneller Diagramme geht. Hier ist eine kurze Anleitung, wie Sie es zum Erstellen von Diagrammen verwenden können.
GraphViz
GraphViz bezeichnet ein Bündel Open-Source-Tools zur Visualisierung von Konnektivitätsgraphen. Sie können die DOT-Sprache verwenden, um GraphViz-Graphen zu erstellen und dementsprechend eine Layout-Engine auszuwählen. Hier sind die von GraphViz unterstützten Parameter:
- cht = gv[ : <opt_engine>] – Gibt den Diagrammtyp an
- chl – Wird verwendet, um Eingaben hinzuzufügen
- chs – Im Gegensatz zu anderen Diagrammtypen müssen Sie keine Diagrammgröße festlegen. Das Ausgabebild wird in eine passende Vektorgrafik umgewandelt
- ch1=<DOT_string> -- Schreiben Sie die DOT-Sprachnotation, um das Diagramm zu zeichnen
Einfaches Diagramm
Öffnen Sie das Diagramm-Editor und geben Sie die folgenden Werte ein:
cht=gv
chl=graph {
a -- b;
a -- d;
b -- c;
a -- c;
e -- d;
e -- a;
}
Im Gegenzug erstellt die Image Charts API die folgende Grafik.
Digraph
Ein gerichteter Diagrammtyp ist ein Graph, dessen Kanten eine Richtung haben. Sie können ihn erstellen, indem Sie den folgenden Code im Diagramm-Editor festlegen.
cht=gv
chl=digraph {
a -> b;
b -> c;
c -> d;
d -> a;
}
Im Gegenzug erstellt die Image Charts API die folgende Grafik.
Blasendiagramme
Blasendiagramme werden verwendet, um mehrere Datendimensionen – in der Regel drei bis vier – visuell darzustellen. So können Sie mindestens drei Felder grafisch abbilden. Dadurch eignen sie sich für eine detaillierte und fortgeschrittene Analyse. Jede Serie stellt eine Reihe von Blasen dar, die definiert werden durch x, y, und ein optionaler Wert: r (Radius).
Mit der Image Charts API können Sie verschiedene Arten von Blasendiagrammen erstellen. Die Syntax für ein Blasendiagramm ist unten angegeben.
cht =<chart_type>
Hier bezieht sich <chart_type> auf „bb“ bzw. ein Blasendiagramm aus Datenpunkten. Standardmäßig werden keine Achsenlinien angezeigt. Sie können Werte auf den Achsenlinien anzeigen, indem Sie die Achsen konfigurieren.
?cht=bb
&chs=800x400
&chd=t:30,50,20,_,57,30,14,_,12,14,50,_,10,30,30
&chco=6213AB
&chxt=x,y
&chma=0,0,20
Im Gegenzug erstellt die Image Charts API die folgende Grafik.
Sie können eine Reihe angeben von x, y, und [r] um Datenpunkte in Blasendiagrammen festzulegen. Diese Reihen müssen jedoch durch „|“ getrennt werden.
Polare Flächendiagramme
Wenn Sie proportionale Teil-Ganzes-Visualisierungen darstellen möchten, sind Polardiagramme Ihre beste Wahl. Sie können sowohl mit einer einzelnen Serie als auch mit mehreren Serien erstellt werden. Jede Serie stellt einen Kreis dar, und jeder Datenwert zeigt ein Segment. Nutzen Sie mehrere Serien, um überlagerte Polardiagramme zu erstellen. Um den Text für ein Segment anzuzeigen, verwenden Sie eine Diagrammlegende, die durch Text mit zugehöriger Farbe dargestellt wird.
Öffnen Sie den Diagramm-Editor und legen Sie die folgenden Werte fest:
cht=pa
chd=t:100,200,300
chdl=A|B|C
chxt=x
chco=FF00007F,00FF007F,0000FF7F
Da die Werte relativ zueinander sind, ist das Festlegen der Werte 100, 200 und 300 dasselbe wie das Festlegen von 1, 2 und 3. Beachten Sie außerdem, dass negative Werte als leere Segmente angezeigt werden.
Radardiagramme
Radardiagramme stellen Datenpunkte gleichmäßig und im Uhrzeigersinn dar. Ein Datenpunkt zeigt den Abstand zum Mittelpunkt des Diagramms an, wobei der Mittelpunkt den niedrigsten Wert und der Rand des Diagramms den Höchstwert darstellt. Man kann daher auch sagen, dass ein Radardiagramm im Grunde eine Form des Liniendiagramms ist, das zu einem Kreis geformt wurde. Es zeichnet sich durch seine gleich großen Segmente aus. Die Anzahl der Segmente ist immer größer als Folgendes:
- die Anzahl der Datenwerte
- die Anzahl der Beschriftungen + 1
Hat ein Diagramm beispielsweise 12 Datenpunkte und keine Beschriftungen, werden sie in einem Abstand von 30 Grad angeordnet. Öffnen Sie den Diagramm-Editor und legen Sie die folgenden Werte fest, um Ihr Netzdiagramm zu erstellen.
cht=r
chxt=r
chd=t:72,54,41,58,40,72|78,78,21,60,56,88
Im Gegenzug erstellt Image Charts das folgende Diagramm.
Finale Diagramme
Nachdem Sie nun wissen, wie man mit der Image-Charts-API verschiedene Diagramme erstellt, können Sie die vollständige Dokumentation durchgehen und fortgeschrittenere Diagramme erstellen. So lassen sich Diagramme schneller in Ihre Anwendungen integrieren, und Ihre Entwickler können sich auf andere Bereiche konzentrieren.
Falls Sie Probleme beim Erstellen eines Diagramms haben oder nicht wissen, welches Diagramm am besten zu Ihren Anforderungen an die Datenvisualisierung passt, melden Sie sich an uns, um Hilfe zu erhalten.
