HistogramChart 直方图
直方图用于展示数据分布频率,自动使用 Sturges 规则计算分箱数量,支持多系列堆叠和频率显示。
代码演示
API
HistogramChartProps
HistogramChartDataItem
说明
自动分箱
组件默认使用 Sturges 规则 自动计算分箱数量:
其中 n 为数据点数量。这是一种适用于正态分布数据的简单规则。
自定义分箱
通过 binCount 属性可以手动指定分箱数量,适用于:
- 需要固定分箱数量的场景
- 对分箱精度有特定要求的场景
- 需要对比不同数据集时保持一致的分箱
频率模式
默认显示计数(每个分箱中的数据点数量),设置 showFrequency={true} 可切换为显示频率(占比),便于:
- 比较不同样本量的数据分布
- 查看数据的相对分布而非绝对数量
多系列支持
当数据包含 type 字段时,组件自动按类型分组显示多个系列:
stacked={true}(默认):堆叠显示,便于查看总体分布stacked={false}:并排显示,便于对比各组分布
筛选功能
当数据包含 category 字段时,组件自动显示筛选器,支持按分类切换数据视图。
