Marqueurs de points sur les graphiques en courbes

A line chart draws nothing at its data points, only the line between them. chm puts a shape on each point. There is one group per series, and each group names a shape, a colour and a size in pixels.

Ce que chm dessine sur un graphique en courbes

La syntaxe des marqueurs de points de chm est chm=<shape>,<color>,<series_index>,<which_points>,<size>, et plusieurs groupes se joignent avec |.

  • shape is one of the five letters in the table below.
  • color is a hex colour written without a leading #. It fills the whole marker, which is drawn as a solid shape with no separate outline.
  • series_index picks the series the markers go on, counting from 0.
  • which_points has to be -1, meaning every point of that series. Image-Charts does not draw markers on a subset of the points, and a group that asks for one is dropped, so the series comes back with no markers on it at all.
  • size is the diameter of the marker in pixels, so 12 draws a marker six pixels from its centre to its edge.

Les cinq formes

La forme est le premier champ du groupe, et c'est une seule lettre.

Formes de marqueurs de points et la lettre chm qui sélectionne chacune
LettreForme
oCercle
sCarré
dLosange, un carré tourné de 45 degrés
cCroix, un signe plus droit
XCroix tournée de 45 degrés, donc un X

https://image-charts.com/chart?cht=lc&chd=a:10,14,12,18,16%7C22,26,24,30,28%7C34,38,36,42,40%7C46,50,48,54,52%7C58,62,60,66,64&chco=1F3B99,00A550,E8622A,8581FF,273078&chm=o,1F3B99,0,-1,12%7Cs,00A550,1,-1,12%7Cd,E8622A,2,-1,14%7Cc,8581FF,3,-1,14%7CX,273078,4,-1,14&chls=1&chs=700x320&chxt=x,y&chdl=o+circle%7Cs+square%7Cd+diamond%7Cc+cross%7CX+cross+turned&chdlp=b

Graphique en courbes à cinq séries, chacune portant une forme de marqueur de point différente
Un groupe par série, cinq groupes joints par des barres verticales. Chaque groupe indique sa propre forme, sa couleur et sa taille.

Marqueurs sur une seule série

Les marqueurs valent généralement la peine d'être ajoutés quand le lecteur doit lire des valeurs individuelles sur le graphique plutôt que suivre une tendance. Un seul groupe suffit, et la couleur du marqueur est indépendante de la couleur de courbe définie par chco, ce qui permet de faire ressortir les points sur leur propre courbe.

https://image-charts.com/chart?cht=lc&chd=a:31,42,38,55,61,58,72&chco=1F3B99&chls=3&chm=o,E8622A,0,-1,16&chs=700x260&chxt=x,y

Graphique en courbes bleu de trois pixels d'épaisseur avec de grands marqueurs circulaires orange sur chaque point
Une courbe bleue de trois pixels issue de chco=1F3B99 et chls=3, avec des cercles orange de seize pixels par-dessus.

Marqueurs sur un graphique lxy

Un graphique lxy prend les deux coordonnées de chaque point, sous forme de séries x et y alternées, si bien que les points ne sont plus espacés régulièrement le long de l'axe. Les marqueurs y comptent davantage, parce que la position de chaque point sur l'axe x porte une information.

https://image-charts.com/chart?cht=lxy&chd=a:5,18,32,47,61,78,90%7C22,35,28,49,41,63,58&chco=8581FF&chls=1&chm=d,273078,0,-1,14&chs=700x260&chxt=x,y

Un graphique lxy avec des points espacés irrégulièrement, chacun marqué d'un losange bleu foncé
Les valeurs x viennent de la première série et les valeurs y de la seconde, l'espacement entre les points varie donc.

Les autres choses que fait chm

chm est aussi le paramètre qui remplit la zone sous une courbe, qui trace une ligne de repère en travers d'un graphique à barres et qui affiche les valeurs des données à côté de chaque point. Ces formes prennent des arguments différents dans le même groupe.

  • b and B fill the area under a line, taking a colour and the indices of the lines to fill between.
  • D draws one series as a line over a bar chart, which is how you overlay a trend on top of bars.
  • N prints the value of each point as text, with an optional format string for currency, decimals and thousand separators.

Le champ optionnel z-order que Google documentait après size est accepté et ignoré, et les préfixes de flèche et de ligne qu'il autorisait n'ont pas d'équivalent Image-Charts. La documentation de référence donne la grammaire complète de chaque forme.

Ajouter des marqueurs à un graphique

Créer un graphique