§01-19Data Visualization
エリア / 階段グラフ
時系列の値を面で塗って推移を示す。
累積や合計など量の推移を伝えたいときに使う。階段表示は料金や在庫のように区切りで変わる値を正確に見せられる。
実装のポイント
面の塗りは上から透明へのグラデーションにして線を主役にする。離散的に変わる値は type=「stepAfter」の階段表示にし、補間で嘘の傾きを作らない。
- 特徴
- チャート
- デモで使っているもの
- recharts
§01-19Data Visualization
時系列の値を面で塗って推移を示す。
累積や合計など量の推移を伝えたいときに使う。階段表示は料金や在庫のように区切りで変わる値を正確に見せられる。
面の塗りは上から透明へのグラデーションにして線を主役にする。離散的に変わる値は type=「stepAfter」の階段表示にし、補間で嘘の傾きを作らない。