FonctionnalitésTarifs
Tous les graphiques
Graphiques Chart.jsGraphiques en courbesGraphiques sparklineGraphiques en nuage de pointsGraphiques en secteursGraphiques en anneauGraphiques polairesGraphiques radarGraphiques à bullesGraphiques Graph VizGénérateur de QR codesGénérateur de QR code WiFiGraphiques à barres
Intégrations
Intégration populaire
Comment intégrer
Google Drive
avec Image Charts à l'aide de Zapier/Make
Comment intégrer
Google Forms
avec Image Charts à l'aide de Zapier/Make
Comment intégrer
Pipedrive
avec Image Charts à l'aide de Zapier/Make
Comment intégrer
Dropbox
avec Image Charts à l'aide de Zapier/Make
Comment intégrer
Google Sheets
avec Image Charts à l'aide de Zapier/Make
Voir toutes les intégrations
Ressources
BlogDocumentation
Gestion de l'abonnementCréez votre graphique gratuitement
Gestion de l'abonnementCréez votre graphique gratuitement
Apprendre

Qu'est-ce qu'une API Image Chart

Publié le 
August 20, 2020
Table des matières

Qu'est-ce qu'une URL ?

URL signifie « unique resource locator ». Une URL désigne l'emplacement d'un fichier, d'une page web ou d'un site spécifique sur Internet. Une URL est composée de plusieurs parties. 

Emplacement de l’URL

Une URL est placée dans la zone supérieure de la fenêtre du navigateur, dans l'omnibox ou la barre d'adresse, une par fenêtre de navigateur. L'URL est toujours visible sur les ordinateurs portables et de bureau, sauf si vous ouvrez le navigateur en plein écran. Dans la plupart des navigateurs de tablette et de smartphone, la barre d'adresse contenant l'URL disparaît lorsque vous faites défiler vers le bas de la page et n'affiche plus que le domaine lorsqu'elle est visible. Faites défiler vers le haut de la page pour voir la barre d'adresse. Si vous ne voyez que le domaine, appuyez sur la barre d'adresse pour voir l'adresse complète. 

Protocole

En parcourant les adresses de sites web, vous avez peut-être remarqué le « http:// » ou « https:// » au début de chaque URL. Il indique le protocole de l'URL.

Un protocole indique au navigateur comment établir une connexion avec un serveur web pour envoyer et récupérer des informations. En termes plus simples, il permet à l'URL de fonctionner correctement. En général, les sites web utilisent le protocole standard HTTP (Hypertext Transfer Protocol).

Au cours de la dernière décennie, l'adoption du protocole HTTPS (Hypertext Transfer Protocol Secure) s'est massivement généralisée. Bien que ce protocole soit similaire au HTTP, il est plus sécurisé car il chiffre les données échangées entre le serveur et le navigateur. C'est pourquoi il est représenté par un cadenas de sécurité vert dans la barre d'adresse.

Nom de domaine

le deuxième élément d'une URL est le nom de domaine. Il sert à identifier le site web et vous permet de visiter la page d'accueil lorsque rien d'autre n'est ajouté à sa fin.

Un nom de domaine est composé de deux parties. D'abord, il y a le nom du site web, puis vient le TLD, c'est-à-dire un TLD comme .net, .org, .com, placé à la fin du nom de domaine.

Chemin

Si vous souhaitez simplement accéder à la page d'accueil de votre site web, le protocole et le nom de domaine suffisent. En revanche, pour accéder aux fichiers ou pages individuels de votre site, vous devez utiliser leur propre URL.

la partie après le TLD est appelée le chemin. Elle permet au navigateur de visiter une page spécifique d'un site web. Certains experts l'ont appelée le « slug » de l'URL. 

Qu'est-ce qu'une API ?

API est l'abréviation d'interface de programmation d'application (application programming interface). Les API sont nécessaires pour interagir avec des composants logiciels externes. Même si vous écrivez tout le code à partir de zéro, vous devrez créer vos propres API afin d'organiser votre code et de constituer une base de code réutilisable.

Qu'est-ce que l'API Chart Image ?

L'API Image-Charts est utilisée pour renvoyer une image contenant un graphique en réponse à une requête URL POST ou GET. Elle vous permet de générer un large éventail de graphiques, tels que des graphiques en barres, en courbes ou en secteurs. Tous les détails du graphique dont vous avez besoin — comme les étiquettes, les couleurs, la taille et d'autres types de données — sont intégrés directement dans l'URL.

Pour créer un diagramme simple, il est nécessaire de spécifier un large éventail de détails dans l'URL, notamment les données, la taille et le type du diagramme. Il vous suffit de saisir l'URL dans votre navigateur. Ensuite, utilisez une balise <img> pour y faire référence sur votre page web. Par exemple, ceci lien montre un type de graphique, connu sous le nom de graphique en secteurs. Ce lien est également un exemple d'URL standard de l'API de graphiques. Le format suivant est utilisé dans toutes les URL de graphiques.

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

Chaque URL commence par https://image-charts.com/chart?, suivie d’autres paramètres représentant l’apparence et les données du graphique. Ces paramètres se présentent sous la forme de paires nom=valeur, séparées par une esperluette (&). Après le « ? », les paramètres peuvent apparaître dans n’importe quel ordre. Chaque graphique nécessite au moins les paramètres suivants :

  • cht – type de graphique
  • chd – données du graphique 
  • chs – taille du graphique

plusieurs paramètres offrent des options supplémentaires. Vous pouvez aussi définir des paramètres supplémentaires, selon les graphiques pris en charge.

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
  • L'URL de base pour toutes les requêtes de graphique est https://image-charts.com/chart?
  • cht = p3 Le type de graphique : ici, un graphique en secteurs 3D.
  • chs = 600x200 – spécifie la taille du graphique en largeur et hauteur, en pixels
  • chd = t; 70, 30 – spécifie les données du graphique. Bien que nous ayons utilisé un format texte simple, vous pouvez opter pour d’autres formats.
  • chl = First|Second – Définit les libellés des parts.
  • chan = Anime le graphique pour générer un gif
  • chf = ps – Définit un dégradé linéaire pour chaque part du graphique circulaire
  • & -- L'esperluette est utilisée pour séparer les paramètres. 

Lorsqu'une URL est intégrée dans du HTML, par exemple comme attribut src d'une balise, vous devez remplacer le caractère « & » entre les paramètres par les caractères « & ». Cela inclut la génération de pages en PHP et HTML, ou dans un autre langage. 

Pour plus de détails, vous pouvez consulter lien. 

Guides associés
Migrer depuis Google Image Charts
Style des courbes
Style des points
Séries temporelles
Générateur de QR code WiFi
Étiqueté :
Création de graphiques
Francois-Guillaume Ribreau
PDG

Articles à la une

Apprendre
Placer la barre plus haut — des graphiques à barres automatisés et simples au quotidien
Automatisez !
Où tracer la ligne — des graphiques en ligne automatisés pour tous
Tutoriels
Comment créer des graphiques avec des dégradés
Tutoriels
Comment créer un graphique en barre de progression
Apprendre
Comment démarrer avec Image Charts sur Zapier
Apprendre
Comment partager des graphiques sur Slack ?
Apprendre
Créez un graphique avec une seule URL
Automatisez !
Comment connecter Image-Charts à Zapier ?

Étiquettes

API
Automatisation
Graphiques à barres
Graphiques à bulles
Création de graphiques
Design
Graphiques en anneau
Envoi d’emails
Graph-viz
GraphViz
Intégration
Graphiques en courbes
Make
Application mobile
Graphiques en secteurs
Graphiques polaires
Graphiques en barre de progression
QR code
Graphiques radar
Graphiques en nuage de points
SDK
Graphiques sparkline
Zapier

Créez et envoyez des graphiques par e-mail avec Image-Charts

Commencer
Plus d'articles

Vous aimerez peut-être aussi

Apr 17, 2023
 dans 
Automatisez !

Arrêtez d’ennuyer vos lecteurs : automatisez les graphiques dans vos e-mails pour les impressionner à coup sûr !

Apr 12, 2023
 dans 

La guerre des graphiques : la bataille des outils de création de graphiques – Un guide comparatif complet

Mar 30, 2023
 dans 
Tutoriels

Automatiser des graphiques dans des PDF via Zapier — pourquoi et comment créer des rapports dynamiques

l'API de graphiques statiques la plus utilisée au monde

API de graphique

Graphiques Chart.jsGraphiques en courbesGraphiques sparklineGraphiques en nuage de pointsGraphiques en secteursGraphiques en anneauGraphiques polairesGraphiques radarGraphiques à bullesGraphiques Graph VizGénérateur de QR codesGénérateur de QR code WiFiGraphiques à barres

Produit

TarifsDocumentationGestion de l'abonnementÉditeur de graphiquesJournal des modificationsPage de statutSur siteMigrer depuis Google

SDKs

JavaScript/NodeJS
PHP
Python
Java
Ruby
C#

Intégrations

Intégration ZapierIntégration MakeIntégration Integromat

Entreprise

À propos de nousBlogOpen sourceSécurité & ConformitéConfidentialitéConditionsSupportMentions légales

Newsletter - Journal des modifications

Si vous souhaitez recevoir plus d'actualités sur Image-Charts directement dans votre boîte de réception, inscrivez-vous à la newsletter
S'abonner
Pas de spam
Résiliez à tout moment
l'API de graphiques statiques la plus utilisée au monde