Skip to content
fandhe-frontend
GitHub

Radar Chart

fandhe-frontend-pre-styled-uicharts(内包)mod が提供するスタイル済み Radar Chart 部品です。

関連 API: fandhe-frontend-pre-styled-ui API

Demo

ChartData(カテゴリ = 軸、系列 = ポリゴン)+ LinearScale + SVG ノード木生成ヘルパーのみで組み立てる、外部依存ゼロのレーダーチャートです。頂点角度は θ_i = -π/2 + i・2π/n(12 時方向開始・時計回り)の決定的な式で算出します。凡例・ツールチップはイシュー #847 のスコープです。

speedpowerrangecontrolarmor

Features

  • ChartData(カテゴリ = 軸、系列 = ポリゴン)+ LinearScale + SVG ノード木生成ヘルパーのみで組み立てる外部依存ゼロのレーダーチャート
  • 頂点角度は θ_i = -π/2 + i・2π/n(12 時方向開始・時計回り)の決定的な式で算出する
  • 凡例・ツールチップは charts(共通 API)側の別部品

Anatomy

root
  grid
  spoke
  axis-label
  series

API Reference

Arguments

NameTypeDefaultDescription
sizef64300.0viewBox の一辺の長さ(正方形、px 相当)。

Data Attributes

PartAttributeObserved Values
seriesdata-seriesmercury, venus

Examples

2 系列のレーダーチャート

5 軸(speed/power/range/control/armor)× 2 系列(mercury/venus)を重ねて表示します。

speedpowerrangecontrolarmor