基本チャートタイプ ​

Chart.js 組み込みの 9 タイプ。これらは全て type: "…" だけで動き、 プラグイン不要です。各例のタブで描画された PNG と元の JSON を 切り替えられます。

棒グラフ (Bar) ​

PreviewJSONCLIHTTP

横棒グラフ (Horizontal Bar) ​

type: "bar" に options.indexAxis: "y" を加えるだけ。

PreviewJSONCLIHTTP

折れ線グラフ (Line) ​

tension: 0.3 でスムーズな曲線。複数データセット。

PreviewJSONCLIHTTP

円グラフ (Pie) ​

PreviewJSONCLIHTTP

ドーナツグラフ (Doughnut) ​

pie と同じ構造で type: "doughnut"。

PreviewJSONCLIHTTP

レーダーチャート (Radar) ​

PreviewJSONCLIHTTP

ポーラーエリア (Polar Area) ​

PreviewJSONCLIHTTP

散布図 (Scatter) ​

データセットには値ではなく {x, y} オブジェクトを渡します。

PreviewJSONCLIHTTP

バブルチャート (Bubble) ​

scatter に点ごとの半径 r を加えたもの。

PreviewJSONCLIHTTP

次へ ​

• 複合チャート — 塗りつぶしエリア、積み上げ、混在型。
• ラベルと注釈 — データラベルや閾値ライン。
• 拡張プラグイン — treemap とそれ以降。