FunktionenPreise
Alle Diagramme
Chart.js-DiagrammeLiniendiagrammeSparkline-DiagrammeStreudiagrammeKreisdiagrammeDonut-DiagrammePolardiagrammeRadardiagrammeBlasendiagrammeGraph-Viz-DiagrammeQR-Code-GeneratorWLAN-QR-Code-GeneratorBalkendiagramme
Integrationen
Beliebte Integration
Wie man integriert
Google Drive
mit Image Charts über Zapier/Make
Wie man integriert
Google Forms
mit Image Charts über Zapier/Make
Wie man integriert
Pipedrive
mit Image Charts über Zapier/Make
Wie man integriert
Dropbox
mit Image Charts über Zapier/Make
Wie man integriert
Google Sheets
mit Image Charts über Zapier/Make
Alle Integrationen ansehen
Ressourcen
BlogDokumentation
AbonnementverwaltungErstellen Sie Ihr Diagramm kostenlos
AbonnementverwaltungErstellen Sie Ihr Diagramm kostenlos
Lernen

Was ist eine Image-Chart-API

Veröffentlicht am 
August 20, 2020
Inhaltsverzeichnis

Was ist eine URL?

URL steht für „unique resource locator“. Eine URL ist der Ort einer bestimmten Datei, Webseite oder Website im Internet. Eine URL besteht aus mehreren Teilen. 

Speicherort der URL

Eine URL wird im oberen Bereich des Browserfensters platziert, in der Omnibox oder Adressleiste, eine pro Browserfenster. Die URL ist auf Laptops und Desktop-Computern immer sichtbar, es sei denn, Sie öffnen den Browser im Vollbildmodus. In den meisten Browsern von Tablets und Smartphones verschwindet die Adressleiste mit der URL, wenn Sie zum unteren Teil der Seite scrollen, und zeigt nur die Domain, wenn sie sichtbar ist. Scrollen Sie nach oben, um die Adressleiste zu sehen. Wenn Sie nur die Domain sehen, tippen Sie auf die Adressleiste, um die vollständige Adresse anzuzeigen. 

Protokoll

Beim Durchsehen von Website-Adressen ist Ihnen vielleicht das „http://“ bzw. „https://“ am Anfang jeder URL aufgefallen. Es zeigt das Protokoll der URL an.

Ein Protokoll teilt dem Browser mit, wie er eine Verbindung zu einem Webserver herstellt, um Informationen zu senden und abzurufen. Einfacher ausgedrückt: Es sorgt dafür, dass die URL ordnungsgemäß funktioniert. Üblicherweise verwenden Websites das Standardprotokoll HTTP (Hypertext Transfer Protocol).

Im letzten Jahrzehnt hat sich Hypertext Transfer Protocol Secure (HTTPS) massiv durchgesetzt. Obwohl dieses Protokoll dem HTTP ähnelt, ist es sicherer, da es die zwischen Server und Browser ausgetauschten Daten verschlüsselt. Deshalb wird es in der Adressleiste durch ein grünes Sicherheitsschloss dargestellt.

Domainname

das zweite Element einer URL ist der Domainname. Er dient dazu, die Website zu identifizieren, und ermöglicht es Ihnen, die Startseite zu besuchen, wenn an seinem Ende nichts anderes angehängt ist.

Ein Domainname besteht aus zwei Teilen. Zuerst kommt der Name der Website, dann folgt die TLD, also eine TLD wie .net, .org, .com, die am Ende des Domainnamens steht.

Pfad

Wenn Sie nur die Startseite Ihrer Website besuchen möchten, genügen das Protokoll und der Domainname. Um jedoch einzelne Dateien oder Seiten auf Ihrer Website zu besuchen, müssen Sie deren eigene URL verwenden.

der Teil nach der TLD wird als Pfad bezeichnet. Er ermöglicht es dem Browser, eine bestimmte Seite einer Website aufzurufen. Manche Experten nannten ihn den „Slug“ der URL. 

Was ist eine API?

API steht für Application Programming Interface (Anwendungsprogrammierschnittstelle). Sie benötigen APIs, um mit externen Softwarekomponenten zu interagieren. Selbst wenn Sie den gesamten Code von Grund auf schreiben, müssen Sie Ihre eigenen APIs erstellen, um Ihren Code zu organisieren und eine wiederverwendbare Codebasis aufzubauen.

Was ist die Chart Image API?

Die Image-Charts-API wird verwendet, um als Antwort auf eine URL-POST- oder GET-Anfrage ein Bild mit einem Diagramm zurückzugeben. Damit können Sie eine breite Palette von Diagrammen erzeugen, wie Balkendiagramme, Liniendiagramme und Kreisdiagramme. Alle benötigten Diagrammdetails, wie Beschriftungen, Farben, Größe und weitere Diagrammdaten, werden direkt in die URL eingebettet.

Um ein einfaches Diagramm zu erstellen, müssen Sie eine Vielzahl von Details in der URL angeben, darunter die Diagrammdaten, die Größe und den Typ. Sie müssen lediglich die URL in Ihrem Webbrowser eingeben. Verwenden Sie anschließend ein <img>-Tag, um auf Ihrer Website darauf zu verweisen. Zum Beispiel dieses Link zeigt einen Diagrammtyp, bekannt als der Kreisdiagramm. Der Link ist ebenfalls ein Beispiel für eine Standard-Chart-API-URL. Das folgende Format wird in allen Chart-URLs verwendet.

https://image-charts.com/chart
?cht=<chart_type>
&chd=<chart_data>
&chs=<chart_size>
&...additional_parameters...

Jede URL beginnt mit https://image-charts.com/chart?, gefolgt von weiteren Parametern, die das Erscheinungsbild und die Daten des Diagramms darstellen. Diese Parameter haben die Form Name=Wert-Paare, die durch ein Und-Zeichen (&) getrennt werden. Nach dem „?“ können die Parameter in beliebiger Reihenfolge stehen. Jedes Diagramm benötigt mindestens folgende Parameter:

  • cht – Diagrammtyp
  • chd – Diagrammdaten 
  • chs – Diagrammgröße

mehrere Parameter bieten zusätzliche Optionen. Sie können auch zusätzliche Parameter festlegen, je nach unterstützten Diagrammen.

https://image-charts.com/chart
?cht=p3
&chs=600x200
&chd=t:70,30
&chl=First|Second
&chan
&chf=ps0-0,lg,45,ffeb3b,0.2,f44336,1|ps0-1,lg,45,8bc34a,0.2,009688,1
  • Die Basis-URL für alle Diagrammanfragen lautet https://image-charts.com/chart?
  • cht = p3 Der Diagrammtyp: hier ein 3D-Kreisdiagramm.
  • chs = 600x200 – gibt die Diagrammgröße als Breite und Höhe in Pixeln an
  • chd = t; 70, 30 – gibt die Diagrammdaten an. Obwohl wir ein einfaches Textformat verwendet haben, können Sie sich auch für andere Formate entscheiden.
  • chl = First|Second – Legt die Beschriftungen für die Segmente fest.
  • chan = Animiert das Diagramm, um ein GIF zu rendern
  • chf = ps – Legt einen linearen Verlauf für jedes Kreisdiagramm-Segment fest
  • & -- Das Kaufmannsund wird verwendet, um Parameter zu trennen. 

Wenn eine URL in HTML eingebettet wird, zum Beispiel als src-Attribut des Tags, sollten Sie das Zeichen „&“ zwischen den Parametern durch die Zeichen „&“ ersetzen. Dies gilt auch für die Erstellung von Seiten in PHP und HTML oder einer anderen Sprache. 

Weitere Details finden Sie hier Link. 

Verwandte Anleitungen
Migration von Google Image Charts
Linienstil
Punktstil
Zeitreihen
WLAN-QR-Code-Generator
Getaggt:
Diagrammerstellung
Francois-Guillaume Ribreau
CEO

Empfohlene Beiträge

Lernen
Die Messlatte höher legen – einfache, automatisierte Balkendiagramme für den Alltag
Automatisieren!
Wo Sie die Linie ziehen — automatisierte Liniendiagramme für alle
Anleitungen
Wie Sie Diagramme mit Farbverläufen erstellen
Anleitungen
Wie Sie ein Fortschrittsbalkendiagramm erstellen
Lernen
Wie Sie mit Image Charts auf Zapier beginnen
Lernen
Wie teilen Sie Diagramme auf Slack?
Lernen
Diagramm mit nur einer URL erstellen
Automatisieren!
Wie verbinden Sie Image-Charts mit Zapier?

Tags

API
Automatisierung
Balkendiagramme
Blasendiagramme
Diagrammerstellung
Design
Donut-Diagramme
E-Mail-Versand
Graph-viz
GraphViz
Integration
Liniendiagramme
Make
Mobile App
Kreisdiagramme
Polardiagramme
Fortschrittsbalkendiagramme
QR-Code
Radardiagramme
Streudiagramme
SDK
Sparkline-Diagramme
Zapier

Erstellen und versenden Sie Diagramme per E-Mail mit Image-Charts

Loslegen
Weitere Beiträge

Das könnte Ihnen auch gefallen

Apr 17, 2023
 in 
Automatisieren!

Langweilen Sie Ihre Leser nicht länger: Automatisieren Sie Diagramme in E-Mails, um sie restlos zu beeindrucken!

Apr 12, 2023
 in 

Diagramm-Kriege: Der Kampf der Diagramm-Tools – Ein umfassender Vergleichsleitfaden

Mar 30, 2023
 in 
Anleitungen

Diagramme in PDFs über Zapier automatisieren – das Warum und Wie dynamischer Berichte

die weltweit meistgenutzte statische Diagramm-API

Diagramm-API

Chart.js-DiagrammeLiniendiagrammeSparkline-DiagrammeStreudiagrammeKreisdiagrammeDonut-DiagrammePolardiagrammeRadardiagrammeBlasendiagrammeGraph-Viz-DiagrammeQR-Code-GeneratorWLAN-QR-Code-GeneratorBalkendiagramme

Produkt

PreiseDokumentationAbonnementverwaltungDiagramm-EditorÄnderungsprotokollStatusseiteOn-PremiseMigration von Google

SDKs

JavaScript/NodeJS
PHP
Python
Java
Ruby
C#

Integrationen

Zapier-IntegrationMake-IntegrationIntegromat-Integration

Unternehmen

Über unsBlogOpen SourceSicherheit & ComplianceDatenschutzBedingungenSupportImpressum

Newsletter - Änderungsprotokoll

Wenn Sie weitere Updates zu Image-Charts in Ihrem Posteingang erhalten möchten, abonnieren Sie bitte den Newsletter
Abonnieren
Kein Spam
Jederzeit kündbar
die weltweit meistgenutzte statische Diagramm-API