Skip to content
fandhe-frontend
GitHub

Scatter Chart

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

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

Demo

散布図専用の ScatterData(系列ごとの (x, y) 座標列)+ LinearScale(x/y 双方)+ SVG ノード木生成ヘルパーのみで組み立てる、外部依存ゼロの散布図です。軸線・グリッド・凡例・ツールチップはイシュー #847 のスコープです。

Features

  • 散布図専用の ScatterData(系列ごとの (x, y) 座標列)+ LinearScale(x/y 双方)+ SVG ノード木生成ヘルパーのみで組み立てる外部依存ゼロの散布図
  • 軸線・グリッド・凡例・ツールチップは charts(共通 API)側の別部品

Anatomy

root
  point

API Reference

Arguments

NameTypeDefaultDescription
widthf64480.0viewBox の幅(px 相当)。
heightf64300.0viewBox の高さ(px 相当)。
point_radiusf644.0点マーカーの半径(px 相当)。

Data Attributes

PartAttributeObserved Values
pointdata-seriescohort a, cohort b

Examples

2 系列の散布図

cohort a/b の 2 系列を重ねて表示します。