Chart.jsを使って棒グラフをレンダリング(描画)する方法をご紹介します。 線グラフの他にレーダーチャート、円グラフ、バブルチャート、散布図 等、様々なグラフが描画出来るプラグインjsです。 棒グラフを描画するCSSの記述 ※特に指定は無く、必要に応じて変更して下さい。 <style type="text/css"> h1{ text-align: center; font-size: 20px; padding: 20px 0; line-height: 1.4em; } </style> 棒グラフを描画するHTMLの記述 ※棒グラフを描画するcanvasタグにid=”myChart”を指定します。 <h1>Chart.jsを使って棒グラフをレンダリング(描画)してます。</h1> <canvas id="myChart" width="400" height="400"></can
![棒グラフを描画する方法【Chart.js】|DAD UNION – エンジニア同盟](https://cdn-ak-scissors.b.st-hatena.com/image/square/b629aedb73c16f9d0fcaa66cd0712d54e3c05405/height=288;version=1;width=512/https%3A%2F%2Fdad-union.com%2Fwp-content%2Fuploads%2F2022%2F05%2Fpic20220525.jpg)