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