Chart.js– tag –

グラフを分かりやすくするために、データ系列の値（データラベル）をグラフ内に表示させたい場合があります。Chart.jsのグラフは軸ラベルの表示はできますが、グラフ内にデータラベルを表示させることはデフォルトではできません。そんなときに便利なプラ...

簡単お手軽にグラフを作成し、ホームページなどに表示させることができる Chart.js 。グラフ化したいデータを読み込ませる方法を３つご紹介します。 ＜script＞ に直接記述する この方法が基本となります。 Chart.jsの<script>内、dataに記述します...

Chart.jsで作成したグラフをスマホなど横幅の狭い画面で表示させると、縮小されてせせこましい感じになってしまいます。 Chart.jsアスペクト比イメージ この記事では、Chart.jsで作成したグラフをうまくレスポンシブ対応させる方法を紹介します。 Chart.js...

Chart.js はJavaScriptを使ってシンプルでフレキシブルなチャート（グラフ）を作成することができるJavaScriptライブラリです。「棒グラフ」「折れ線グラフ」「円グラフ」「ドーナツチャート」「レーダーチャート」などのグラフをホームページ内で表示でき...

横線正式にはなんと言うのか分かりません。例えば気温を示す折れ線グラフに、横線で平均気温を表示するようなイメージです。 ここにチャート表示 プラグイン chartjs-plugin-annotation を使う Chart.jsには様々なプラグインが用意されています。グラフ内...

都道府県別新型コロナウイルスの感染者数と退院者数などをグラフにしたものです。5月26日22:00時点の情報を元に作成しています。（グラフにマウスをのせると都道府県名や数字が表示されます） 新型コロナウイルス都道府県別感染者数、退院者数、退院率 １...