1. 概述

柱状图通过垂直柱子高度变化展示多维的数据差异,支持自定义y轴区间和多个系列的数据配置,常用于展示数据分布或趋势变化。

2. 生成柱状图

例如,我们需要看“每个地区的销售额”柱状图,将涉及到2个字段:维度“地区”,度量“销售额”。

2.1 普通柱状图


(1)选择“图表”控件,找到“普通柱状图”并添加到画布中;
柱状图 - 图1

(2)在控制区图表的数据面板的操作,将维度“地区”放置在X轴、度量“销售额”放置在Y轴,即可得到一个基础的柱状图。
柱状图 - 图2

2.2 胶囊柱状图


(1)选择“图表”控件,找到“胶囊柱状图”并添加到画布中;
柱状图 - 图3

(2)在控制区图表的数据面板的操作,将维度“地区”放置在X轴、度量“销售额”放置在Y轴,即可得到一个基础的柱状图。
柱状图 - 图4

3. 编辑柱状图

(1)柱状图设置

柱状图 - 图5

  • 数据筛选:对数据的显示进行筛选,详细请参照数据筛选;
  • 排序:对绘图区数据的进行排序,详细请参照排序;
  • 高亮提醒:对柱状图的一些数据进行高亮提醒,详细请参照高亮提醒
  • 定时刷新:对柱状图内的数据进行定时刷新,详细请参照定时刷新

(2)柱状图样式

柱状图的样式修改控制区为下图所示:
柱状图 - 图6

  • 位置:柱状图在画布中的位置,可通过输入/拖拽进行更改;
  • 尺寸:柱状图的大小,可通过输入/拖拽进行更改;
  • 标题:设置标题及其样式,详情请见配置图表样式
  • 图表样式:设置柱状图的水平/垂直样式;
  • 动画效果:可选择柱状图的全屏滚动及逐条滚动的轮播动画效果;
  • 数据显示:设置柱子的颜色、宽度、个数;
  • 数据格式:设置显示的数据格式,详情请见配置图表样式
  • 绘图区:设置网格线、背景等,详情请见配置图表样式
  • x,y轴:设置x,y轴的显示内容,详情请见配置图表样式
  • 标签:设置图标标签,柱状图没有图例,详情请见配置图表样式
  • 背景颜色、边框和圆角:详情请见配置图表样式

(3)柱状图说明

柱状图填充颜色设置:通过设置填充颜色和填充样式,柱状图的填充样式有以下三种,分别是纯色填充、线性渐变柱状图和径向渐变柱状图:
bar4.png