Chart.js

ホームページ制作

Chart.jsのグラフにデータの値を表示する方法

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

Chart.jsで作成したグラフにデータを読み込ませる3つの方法(直接、CSVファイル、カスタムフィールド)

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

Chart.jsで作成したグラフをレスポンシブ対応させる方法

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

Chart.jsでホームページにグラフを表示するための基本知識

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

Chart.jsのグラフに横線を入れる方法

横線正式にはなんと言うのか分かりません。例えば気温を示す折れ線グラフに、横線で平均気温を表示するようなイメージです。 ここにチャート表示 var ctx = document.getElementById('myChart_fukui_te...
新型コロナウイルス対策に使えるサービス・支援

新型コロナウイルス都道府県別感染者数と退院者数などをグラフ化 2020年5月26日時点

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