Charts

Die Charts API erlaubt es Ihnen, Ihre Daten zu visualisieren. Die Charts werden auf allen Browsern und mobilen Geräten richtig dargestellt. Die Daten werden automatisch geladen und ermöglichen so eine dynamische Darstellung Ihrer Daten.

Nutzen Sie die Charts API um Ihre gespeicherten Kanaldaten auf cloud4Bees, in Charts darzustellen. Es werden folgende Charttypen unterstützt: line, bar, column, spline, und step. Sie können die Größe, die Farbe und die Beschriftung der Charts ändern.

Chart erstellen

Um einen Chart zu erstellen, öffnen sie folgende URL, und ersetzen Sie CHANNEL_ID und FIELD_ID mit den Werten Ihres Kanals. 

http://cloud.4bees.at/channels/CHANNEL_ID/charts/FIELD_ID

Gültige Chart Parameter:
  • title (string) Chart Titel, Standard: Kanalname (optional)
  • xaxis (string) Chart's x-Achsenbezeichnung, Standard: "Datum" (optional)
  • yaxis (string) Chart's y-Achsenbezeichnung, Standard: Feldname (optional)
  • color (string) Linienfarbe, Standard: rot (optional)
  • bgcolor (string) Hintergrundfarbe, Standard: weiss (optional)
  • type (line/bar/column/spline) Charttyp, Standard: Line (optional)
  • width (integer) Chartweite in Pixel, Iframeweite ist um 20px größer Standardchartweite: 400. Setzen Sie auto damit die Chartgröße vom Elterncontainer geerbt wird. (optional)
  • height (integer) Charthöhe Pixel, Iframehöhe ist um 20px größer, Standardcharthöhe: 200. Setzen Sie auto damit die Charthöhe vom Elterncontainer geerbt wird. (optional)
  • dynamic (true/false) Aktualisiert den Chart alle 15 Sekunden, Standard: false (optional)
  • step (true/false) Zeichnet den Chart als Stepchart, Standard: false (optional)
  • export (true/false) Zeigt Export Button, damit der Chart als Image gespeichert werden kann, Standard: false (optional)
  • yaxismin (decimal) Minimumwert der Y-Achse; wenn nichts angegeben wird, wird er automatisch berechnet (optional)
  • yaxismax (decimal) Maximumwert der Y-Achse; wenn nichts angegeben wird, wird er automatisch berechnet (optional)

Gültige Feed Parameter:
  • api_key (string) Lese API Schlüssel für einen bestimmten Kanal (optional--für öffentliche Kanäle ist kein Schlüssel erforderlich)
  • results (integer) Anzahl der zu erhaltenden Einträge, max 8000, Standard: 100 (optional)
  • days (integer) Anzahl der 24-Stunden Perioden bevor jetzt, die in den Feed miteinbezogen werden sollen (optional)
  • start (datetime) Startdatum im Format YYYY-MM-DD%20HH:NN:SS (optional)
  • end (datetime) Enddatum im Format YYYY-MM-DD%20HH:NN:SS (optional)
  • timezone (string) Zeitzonen Bezeichner für diese Anfrage (optional)
  • offset (integer) Zeitzonen Offset in dem das Resultat angezeigt werden soll. Bitte nutzen Sie den Zeitzonen Parameter für eine höhere Genauigketi. (optional)
  • status (true/false) Setzen Sie "status=true" damit Status Aktualisierungen in den Feed einbezogen werden (optional)
  • location (true/false) Setzen Sie "location=true" damit Latitude, Longitude und Höhe in den Feed einbezogen werden (optional)
  • min (decimal) Minimalwert der in die Antwort einbezogen wird (optional)
  • max (decimal) Maximalwert der in die Antwort einbezogen wird (optional)
  • round (integer) Auf diese Anzahl Dezimalstellen runden (optional)
  • timescale (integer or string) Zeitskalierung, gültige Werte: 10, 15, 20, 30, 60, 240, 720, 1440, "daily" (optional)
  • sum (integer or string) Summe dieser Werte, gültige Werte: 10, 15, 20, 30, 60, 240, 720, 1440, "daily" (optional)
  • average (integer or string) Mittelwert dieser Werte, gültige Werte: 10, 15, 20, 30, 60, 240, 720, 1440, "daily" (optional)
  • median (integer or string) Median dieser Werte, gültige Werte: 10, 15, 20, 30, 60, 240, 720, 1440, "daily" (optional)


Chart einbetten

Um einen cloud4Bees Chart in Ihre Internetseite einzubetten, nutzen sie die Chart API als Quelle für einen IFrame.

Code zum Einbetten eines Chart: 

<iframe width="450" height="250" style="border: 1px solid #cccccc;" src="http://cloud.4bees.at/channels/CHANNEL_ID/charts/FIELD_ID"></iframe>


Beispielchart:

Chart dynamisch einbetten

Um einen cloud4Bees Chart auf Ihrer Internetseite dynamisch einzubinden, nutzen Sie die Chart API als Quelle für einen IFrame und setzen den Chartparameter ”dynamic=true”.

Code zum Einbetten eines Chart: 

<iframe width="450" height="250" style="border: 1px solid #cccccc;" src="http://cloud.4bees.at/channels/CHANNEL_ID/charts/FIELD_ID?dynamic=true"></iframe>


Beispielchart: