Radar Chart
fandhe-frontend-pre-styled-ui の charts(内包)mod が提供するスタイル済み Radar Chart 部品です。
Demo
ChartData(カテゴリ = 軸、系列 = ポリゴン)+ LinearScale + SVG ノード木生成ヘルパーのみで組み立てる、外部依存ゼロのレーダーチャートです。頂点角度は θ_i = -π/2 + i・2π/n(12 時方向開始・時計回り)の決定的な式で算出します。凡例・ツールチップはイシュー #847 のスコープです。
Features
- ChartData(カテゴリ = 軸、系列 = ポリゴン)+ LinearScale + SVG ノード木生成ヘルパーのみで組み立てる外部依存ゼロのレーダーチャート
- 頂点角度は θ_i = -π/2 + i・2π/n(12 時方向開始・時計回り)の決定的な式で算出する
- 凡例・ツールチップは charts(共通 API)側の別部品
Anatomy
root
grid
spoke
axis-label
seriesAPI Reference
Arguments
| Name | Type | Default | Description |
|---|---|---|---|
| size | f64 | 300.0 | viewBox の一辺の長さ(正方形、px 相当)。 |
Data Attributes
| Part | Attribute | Observed Values |
|---|---|---|
| series | data-series | mercury, venus |
Examples
2 系列のレーダーチャート
5 軸(speed/power/range/control/armor)× 2 系列(mercury/venus)を重ねて表示します。