历史版本12 :对比柱状图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

对比柱状图是一种以背靠背形式的柱形图,主要用于展示同一维度下,两个指标的对比分析,便于更直观地看出对比差距。效果如下图所示:

222

1.2 基本要求

对比柱状图的基本要求:

  图表效果 维度字段 指标字段  
  对比柱状图  1  2

1.3 图表特点

优点:清晰地比较出当前维度下不同指标的数据量差距。

缺点:只适用于维度不多的数据,不适用于维度太多的场景。

2.示例编辑

2.1 创建组件

1)点击仪表板 Tab,选择新建仪表板,点击确定,如下图所示:

1588647525439037.png

2)点击新建组件,选择销售DEMO下的KPI指标项,点击确定,如下图所示:

0.png

3)将待分析区域维度下的字段产品名称拖入横轴中,将指标下的字段合同金额回款金额拖入纵轴中

image.png

4)在图表类型中选择对比柱状图,即可创建成功。

image.png

注:该对比柱状图必须在横纵轴中有1个维度、2个指标字段才能选择,否则图表类型下的对比柱状图将灰化无法点击。

2.2 创建多维对比柱状图

1)将合同签约时间拖入到横轴,形成如下图形,如下图所示:

image.png

2)点击横轴中的合同签约时间,点选切换日期格式为显示,如下图所示:

image.png

3)继续点击横轴中的合同签约时间,选择过滤,在字段中点选合同签约时间(年),单击确定;设置条件为属于,点选20162017,最后单击确定,如下图所示:

image.png

4)图表中的合同签约时间变成为按照20162017年的并列分类,至此多维对比柱状图制作完毕,如下图所示:

image.png

2.3 图形属性设置

2.3.1 颜色

选择图表类型后,图形属性下自动切换成柱形图指标名称置于颜色属性,点击颜色栏,设置回款金额合同金额的显示颜色,如下图所示:

image.png

详情参见:图形属性-颜色 

2.3.2 大小

购买数量拖入大小栏,可看到柱形的宽度随该指标发生了变化。点击大小栏,可调整柱形的柱宽和大小和圆角,如下图所示:

image.png

详情参见:图形属性-大小 

同时可设置标签、提示、细粒度等,详情参见:图形属性 

2.4 组件样式设置

2.4.1 标题

选择组件样式,点击标题栏,编辑标题内容并设置字体大小,如下图所示:

image.png

2.4.2 轴线

选择组件样式,点击轴线选择轴线线型为虚线,如下图所示:

1588674125405861.png

同时还可设置组件的图例网格线背景自适应显示等等,详情参见:图表组件样式 

2.4.3 维度字段设置

点击产品名称字段下拉框,选择设置分类轴,在轴标签下选择字体样式自定义,设置字体号为14,点击确定,如下图所示:

428.png

维度字段设置可进行 图表排序 、图表分组图表过滤图表设置轴 等操作。

2.4.4 指标字段设置

分别在回款金额合同金额字段下点击下拉,选择数值格式,点击数量单位百万,点击确定,如下图所示:

image.png

同时可设置 图表汇总方式 、图表快速计算 、图表数值格式图表特殊显示图表设置分析线 。

2.5 效果预览

2.5.1 PC端

image.png

2.5.2 移动端

1592298127645992.gif

3. 仪表板查看编辑

完成仪表板可参见:对比柱状图