跳到主要内容

柱状图

主要用来反映数据差异，也可以反映数据走势。

何时使用​

用于展示数据之间的对比关系，常见场景包括：

  • 显示汽车品类销量数据
  • 显示年级班级成绩数据

一、属性​

1. 数据源​

数据源绑定方式详见：数据绑定

2. X 轴​

用于设置横坐标的数据绑定字段、标题、标题位置，以及轴线、刻度线等样式。

3. Y 轴​

用于设置纵坐标的显示内容，决定柱状图的高度。可配置多个数据项、最大最小值、标题、轴线、刻度线等样式。

4. 标题​

可设置主标题、副标题，控制标题文字大小、位置等样式。

5. 外观​

可配置图表的整体展示方式（如是否显示为条形图）、高度、宽度、位置和柱体圆角等样式。

6. 图例​

控制图例是否显示，可设置位置、宽度、颜色等属性。

7. 标签​

用于在柱体上方展示数值标签。支持设置位置、字体大小、是否显示等。

8. 提示框​

控制鼠标悬浮时的提示框是否显示，并设置提示框文字样式。

9. 预设颜色列表​

可设置柱体颜色，支持自定义多种颜色方案。

10. 状态​

详见：通用属性。

二、规则​

1. 表单校验​

（暂无具体说明）

2. 显示控制​

（暂无具体说明）

三、样式​

详见：通用样式。

四、常见使用场景​

1. 汽车品类销量对比数据

BarChart01

2. 班级成绩数据

BarChart02