图表组件选用指南：五分钟，组件选型不迷路

基本柱状图

堆叠柱状图

基本条形图

水平堆叠条形图

柱形

• 多系列
• 颜色/图片纹理填充(平铺)

坐标轴

支持双纵轴(X轴、Y轴/Z轴)

图例

-

信息提示框

数值标签

位置：终点外

位置：起点/居中/终点/终点外/图表外

参考线

-

基本立体柱状图

堆叠立体柱状图

斑马纹理柱状图

双向水平条形图

柱形

• 多系列
• 颜色填充

• 多系列
• SVG纹理填充(拉伸)

• 仅双系列
• 颜色/图片纹理填充(平铺)

坐标轴

支持双纵轴(X轴、Y轴/Z轴)

仅单纵轴(X轴、Y轴)

图例

-

信息提示框

-

无信息提示框 ❌

数值标签

位置：终点外

位置：起点/居中/终点/终点外/图表外

参考线

-

无参考线 ❌

象形图

基本三角图

3D柱图

胶囊预测图

柱形

• 多系列

• 多系列：同一系列多样式(常规/预测)

坐标轴

仅单纵轴(X轴、Y轴)

支持双纵轴(X轴、Y轴/Z轴)

无纵轴

仅单纵轴(X轴、Y轴)

图例

-

信息提示框

无信息提示框 ❌

数值标签

位置：终点外

位置：起点/居中/终点/终点外/图表外

参考线

-

无参考线 ❌

-

基本折线图

基本面积图

控制折线图

表格折线图

折线

• 多系列
• 数据标记

• 多系列
• 流光动画

• 多系列
• 控制条

• 单系列

坐标轴

支持双纵轴(X轴、Y轴/Z轴)

无纵轴

图例

-

无图例 ❌

信息提示框

-

无信息提示框 ❌

数值标签

-

参考线

-

无参考线 ❌

动态折线图

3D面积图

环状点联结图

预测面积图

折线

• 多系列

• 多系列：同一系列多样式(常规/预测)

坐标轴

单纵轴(X轴、Y轴)

支持双纵轴(X轴、Y轴/Z轴)

单纵轴(X轴、Y轴)

支持双纵轴(X轴、Y轴/Z轴)

图例

-

无图例 ❌

信息提示框

无信息提示框 ❌

数值标签

无数值标签 ❌

无数值标签 ❌

参考线

无参考线 ❌

排行条形图

占比排行条形图

轮播排行条形图

序号

• 序号类型：文字
• 可添加前缀图片

• 序号类型：图片/文字
• 不可添加前缀图片❌

文本

类目

指定字段且字段数量唯一

不指定字段且支持添加多个字段

数值

指定字段且字段数量唯一

柱状

表现数值

表现占比

表现数值

基本饼图(静态型)

基本环图(静态型)

多色玫瑰图(静态型)

甜甜圈图(静态型)

环图/饼图

• 类玫瑰

• 旋转装饰

• 环形玫瑰

• 外环装饰&增长动画

数值标签

✅

当前值

🚫

图例

-

3D饼图(轮播型)

轮播环图(轮播型)

旋转轮播饼图(轮播型)

环图/饼图

• 等高
• 轮播动画：抬升

• 轮播动画：增长

• 轮播动画：旋转

数值标签

🚫

当前值

✅

图例

-

玫瑰图(静态型)-本质为柱图

层叠玫瑰图(轮播型)-本质为柱图

环图/饼图

• 单系列

• 多系列(堆叠)

数值标签

-

坐标轴

-

图例

🚫

✅

双层饼图(静态型)

双层轮播饼图(轮播型)

环图/饼图

• 单系列

• 多系列(堆叠)

数值标签

✅(子项数值标签)

✅(子项类目标签)

当前值

🚫

✅

图例

🚫

✅