下記には円グラフが表示されるはずです。表示される瞬間にはアニメーション効果も伴います。 グラフの上にマウスを載せると、ラベルと数値が表示されます。 円グラフは、描画領域の横幅いっぱいに表示されます。
※JavaScriptが使用可能な場合にだけ、グラフが表示されます。
※ここでは、Chart.jsのオプションを使ってグラフをレスポンシブにしています。CSSソースを記述してレスポンシブにする方法は、円グラフの表示サンプルページをご参照下さい。
解説記事に戻る