<WRAP logo>
{{:javascript:chartjs-logo.svg|Chart.js Logo}}
</WRAP>
本家: [[https://www.chartjs.org|Chart.js | Open source HTML5 Charts for your website]]\\
ソースコード: [[git>chartjs/Chart.js|chartjs/Chart.js: Simple HTML5 Charts using the <canvas> tag]]\\
ドキュメント: [[https://www.chartjs.org/docs/latest/|Chart.js | Chart.js]]\\
サンプル: [[https://www.chartjs.org/docs/master/samples/information.html|Chart.js Samples | Chart.js]]\\
<WRAP jsfiddle><html>
<style>
.dokuwiki .wrap_jsfiddle iframe {
transform: unset;
transform-origin: unset;
}
</style>
<iframe width="100%" height="370" src="//jsfiddle.net/tomoyan596/4vw7e2j5/embedded/result,html,js,css,resources/dark/" allowfullscreen="allowfullscreen" allowpaymentrequest frameborder="0"></iframe>
</html></WRAP>
[[https://www.chartjs.org/docs/latest/getting-started/|Getting Started | Chart.js]]\\
Chart.js の「はじめに」のように、HTML、JavaScript、CSS に分けて、JavaScript は ''const labels'' (ラベル定義)、''const data'' (データ定義)、''const config'' (設定)、''const myChart'' (グラフ描画) に分けて記述する🤔\\
<WRAP jsfiddle><html>
<style>
.dokuwiki .wrap_jsfiddle iframe {
transform: unset;
transform-origin: unset;