A line chart draws every series one pixel wide and solid. chls sets the width of the line in pixels, and turns a solid line into a dashed one.
chls takes one group of up to three numbers per series, in the order the series appear in chd, separated by |: chls=<thickness>,<dash_length>,<space_length>. Only the thickness is required.
Die Syntax ist dieselbe, die Google Image Charts verwendet hat, ein chls-Wert aus einer alten chart.googleapis.com-URL zeichnet hier also dieselbe Linie.
Eine einzelne Zahl pro Datenreihe legt die Strichstärke fest und lässt die Linie durchgezogen. Unten zeichnet chls=1|4|8 die drei Datenreihen mit ein, vier und acht Pixeln.
https://image-charts.com/chart?cht=lc&chd=a:10,14,12,18,22,20%7C30,34,32,38,42,40%7C50,54,52,58,62,60&chco=1F3B99,00A550,E8622A&chls=1%7C4%7C8&chs=700x280&chxt=x,y&chdl=chls%3D1%7Cchls%3D4%7Cchls%3D8&chdlp=b&chtt=Line+thickness
Die zweite Zahl macht die Linie gestrichelt, und die dritte legt die Lücke fest. chls=2,6,3 ist eine zwei Pixel starke Linie, gezeichnet als sechs Pixel lange Striche mit drei Pixel großen Lücken.
https://image-charts.com/chart?cht=lc&chd=a:10,14,12,18,22,20%7C30,34,32,38,42,40%7C50,54,52,58,62,60&chco=1F3B99,00A550,E8622A&chls=2%7C2,6,3%7C2,14,6&chs=700x280&chxt=x,y&chdl=solid%7C6+and+3%7C14+and+6&chdlp=b&chtt=Dash+patterns
Striche sind das übliche Mittel, um eine Datenreihe zu kennzeichnen, die der Leser anders lesen soll: eine Prognose oder einen Schwellenwert statt einer Messung. Wenn die gestrichelte Reihe dieselbe Strichstärke behält wie die durchgezogene, bleibt sie lesbar, ohne sich aufzudrängen.
Alle drei Liniendiagrammtypen akzeptieren chls, und sie unterscheiden sich darin, was sie um die Linie herum zeichnen.
| cht-Wert | Was es zeichnet |
|---|---|
| lc | Ein Liniendiagramm mit gleichmäßig entlang der x-Achse verteilten Punkten. Achsenlinien werden standardmäßig gezeichnet. |
| ls | Dasselbe Diagramm ohne Achsenlinien, und genau das ist ein Sparkline. Nützlich, wenn das Diagramm inline in einer Tabelle oder einer E-Mail steht. |
| lxy | Ein Liniendiagramm, bei dem Sie beide Koordinaten jedes Punktes angeben statt nur die y-Werte, als abwechselnde x- und y-Datenreihen. |
Hängt man :nda an einen von ihnen an, wie in cht=lc:nda, blendet das die Achsenlinien aus, selbst wenn chxt sie angefordert hat.
https://image-charts.com/chart?cht=lxy&chd=a:5,20,40,70,90%7C10,35,25,60,50&chls=3&chco=1F3B99&chs=700x260&chxt=x,y&chtt=cht%3Dlxy
chls steuert Strichstärke und Striche und sonst nichts. Die Linienfarben kommen von chco, und die Formen, die an jedem Datenpunkt gezeichnet werden, stammen von chm.
Die Kurve ist nicht konfigurierbar. Image-Charts wendet an jedem Datenpunkt jedes Liniendiagramms dieselbe leichte Rundung an, und kein Query-Parameter ändert daran etwas, sodass sich perfekt gerade Segmente oder ein stark geglätteter Spline nicht über die URL anfordern lassen. Die Referenzdokumentation listet jeden Parameter auf, den die API akzeptiert.
