跳到主要内容

柱状图

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

何时使用​

使用于数据对比的场景，显示数据之间的差异：

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

一、属性​

1. 数据源​

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

2. x 轴​

设置柱状图横坐标的数据项、标题、标题显示位置，以及轴线、刻度线等样式。

image-20250715160519845
image-20250715160626754

3. y 轴​

Y 轴数据的大小决定柱状图的高度，可以设置最大最小值、标题、轴线和刻度线等样式。Y 轴的数据项也可以设置多个。

image-20250715160850577
image-20250715160914147

4. 标题​

可以设置标题、子标题、标题文字大小、标题位置等样式。

image-20250715161033392
image-20250715161048691

5. 外观​

可以设置柱状图的展示方式（是否以条形图形式），以及柱状图的高宽、位置、圆角等样式。

image-20250715161210512
image-20250715161230116

6. 图例​

可以设置柱状图图例的显示与否、位置、宽度、颜色等样式。

image-20250715161435523
image-20250715161452576

7. 标签​

标签及柱状图每条数据上显示的数值。可以设置位置、大小及是否显示。

image-20250715161649776
image-20250715161702931

8. 提示框​

设置鼠标悬停柱状图时是否弹窗显示，以及弹窗的文字样式。

image-20250715161800144
image-20250715161820527

9. 预设颜色列表​

可以设置柱状图的颜色显示。

image-20250715161952543
image-20250715162002546

10. 状态​

无特殊状态，详见通用状态。

二、样式​

无特殊样式配置，详见通用样式。

三、常见使用场景​

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

    image-20250715162308015

  2. 班级成绩对比

    image-20250715162607460