Charts（共通 API）

fandhe-frontend-pre-styled-ui の charts mod が提供するスタイル済み Charts（共通 API）部品です。

Demo

軸（Axes）・CartesianGrid・凡例（Legend）・ツールチップ（Tooltip）を合成した最小デモです。データ点はホバーするとブラウザネイティブの `<title>` によるツールチップと `:hover` 強調が表示されます（JS 不要）。系列を結ぶ折れ線・棒等の描画部品は別イシュー（#848〜#851）のスコープです。

Series
Visits
Signups

Features

外部依存ゼロの SVG ノード木生成ヘルパー群（軸・グリッド・凡例・ツールチップ）
charts::axis / charts::grid / charts::legend / charts::tooltip の 4 サブモジュールで構成する
マウス追従型のツールチップは持たず、ブラウザネイティブの <title> + aria-label によるホバー詳細表示のみ（JS 不要）
系列の各データ点は charts::series_color_var(index) の固定色循環で着色する

Anatomy

root
  title
  item
    marker
    label

API Reference

Arguments

Name	Type	Description
axis::y_axis / x_axis_categories	fn(...) -> Result<Node, ChartError>	Y 軸・カテゴリ X 軸を組み立てる。
grid::cartesian_grid	fn(...) -> Result<Node, ChartError>	格子線（CartesianGrid）を組み立てる。
legend::legend	fn(&ChartData, &LegendProps) -> Node	系列名の凡例を組み立てる（infallible）。
tooltip::datum	fn(...) -> Node	データ点（<circle>）+ <title> によるホバー詳細を組み立てる（infallible）。

Examples

軸 + グリッド + ツールチップ + 凡例の合成

本ページ配下の各チャート部品が共通で使う基盤 API の最小合成例です。系列を結ぶ折れ線・棒等は LineChart/BarChart 等の個別部品ページを参照してください。

Series
visits