円グラフ(レスポンシブ版)の表示テスト

下記には円グラフが表示されるはずです。表示される瞬間にはアニメーション効果も伴います。 グラフの上にマウスを載せると、ラベルと数値が表示されます。 円グラフは、描画領域の横幅いっぱいに表示されます。

(※この部分の表示にはcanvas要素を解釈可能なブラウザが必要です。)

※ここでは、Chart.jsのオプションを使ってグラフをレスポンシブにしています。CSSソースを記述してレスポンシブにする方法は、円グラフの表示サンプルページをご参照下さい。

解説記事に戻る