チャートタイプ

data-chart は6種類のチャートタイプをサポートしており、すべて data-chart 属性で指定します。

棒グラフ（垂直）

デフォルトのチャートタイプです。カテゴリ比較のためのグループ化された垂直棒グラフ。

複数シリーズ（最初の列以降に複数の <th> 列）は自動的に横並びでグループ化されます。

棒グラフ（横）

data-chart-horizontal を追加すると横棒グラフになります。ランキングに最適です。

積み上げ棒グラフ

data-chart-stacked を追加するとシリーズが積み上げ表示されます。

折れ線グラフ

時系列のトレンドを表示するデータポイント接続。

折れ線グラフは複数シリーズをサポートします。各シリーズは独自の色の線とドットを持ちます。

エリアチャート

折れ線と同じですが、線の下を塗りつぶしてボリュームを強調します。

エリアの塗りつぶしはシリーズカラーの15%不透明度を使用します。

円グラフ

構成比を表す比例スライス。最初のデータ列のみを使用します。

パーセンテージ付きの凡例が円グラフの下に自動生成されます。

ドーナツチャート

円グラフと同じですが、中央に合計値を表示する空洞があります。

テーブルパースルール

最初の <th> 列は常にカテゴリラベル（X軸）として扱われます。以降の列がデータシリーズです。