Pie Chart
fandhe-frontend-pre-styled-ui の pie_chart mod が提供するスタイル済み Pie Chart 部品です。
Demo
外部依存ゼロの SVG ノード木生成による円グラフ（イシュー #850）。size（sm/md/lg）で --fandhe-pie-chart-size を切り替えます。show_labels を有効にするとカテゴリ名ラベルをセグメント上に描画します。
Features
- 外部依存ゼロの SVG ノード木生成による円グラフ
- size（sm/md/lg）で --fandhe-pie-chart-size を切り替える
- show_labels を有効にするとカテゴリ名ラベルをセグメント上に描画する
Anatomy
root
chart
segment
labelAPI Reference
Arguments
| Name | Type | Default | Description |
|---|---|---|---|
| size | Size | Md | 寸法 variant。 |
| aria_label | Option<&str> | None | None なら既定の "pie chart" を使う。 |
| show_labels | bool | false | true ならカテゴリ名ラベルをセグメント上に描画する。 |
CSS Variables
| Variable | Default |
|---|---|
| --fandhe-pie-chart-size |
Examples
size とラベル表示
size 3 段とラベル表示ありの掲示です。