LineCategoryChart
是一款用于展示多类别折线图的组件,支持在共享的标签轴上,对多个分类的数值趋势进行对比。每条折线代表一个分类,其在每个标签上的数值以点连接成线。
此图表非常适合可视化多个子类别(如产品线、部门、地区)在某些阶段、步骤或时间点上的对比和变化趋势。
本示例展示了多个部门(如 Production
、Marketing
、Finance
)的数值表现,并通过三条线分别代表不同的产品分类(Gizmos
、Gadgets
、Widgets
)。
labelOnYAxis?: boolean
true
,标签(如 "Production"
、"Marketing"
)显示在 Y 轴,折线图将以 横向 展示。false
,标签显示在 X 轴,折线图以 纵向 展示。marks: Array<object>
(必填)每个数据项表示图表中的一个点,需包含以下字段:
label: string | Date
标签轴的值(例如:阶段、部门、月份),所有分类共享此轴。
value: number
此分类在该标签位置上的数值。
category: string
分类标识,相同分类的点将自动连接成一条折线。
此外还支持 ChartMarkProps
中的样式扩展字段,如:
foregroundStyle
(颜色)symbol
(标记符号)annotation
(注释)等LineCategoryChart
适合用于: