.. données et chart (avec chartjs)


intro

il existe différentes solutions de graph
ici on parle de chart.js = www.chartjs.org/
c'est open source, gratuit, 8 types de graph...

Type de graphique ... type:
Bar, Bubble, Doughnut, Line, Pie, PolarArea, Radar, Scatter

timeline

chartjs_eg3.htm ✨ fonctionne (11/2022)
chartjs_eg4.htm ✨ 2e test avec des km (11/2022)


timeline avec Chart.js/3.5.1
chartjs_eg2.htm
= quelle galère ces dates: le "label over" ne me plait pas

src: (08/2022)
https://github.com/chartjs/Chart.js/issues/9671
https://jsfiddle.net/Leelenaleee/gyp3z28b/2/


stackoverflow.com/ how-to-enable-timescale-in-chart-js-line-chart

table en entrée

chartjs_eg5.htm 4 pays + data ✨ fonctionne (10/2024)
chartjs_eg6.htm 1 colonne
chartjs_eg7_2col.htm 2 colonnes


version

since 2013, par Nick Downie
2.0 (144Ko) = 04/2016
syntaxe jusque v 2.9 (2020?)
puis autre, avec la v3 (2021) (v3.9.1 en 2022)

.... v4 (2022) .... 4.4.5 (10/2024)

more

fr.wikipedia.org/wiki/Chart.js

alternative "charting lib":
d3js.org/ plus complexe, plus de possibilités
www.anychart.com
...

www.createwithdata.com/d3js-or-chartjs/


^ be4.free.fr/donnees/chartjs.htm - 11/2022 10/2024 - kch