页面树结构
转至元数据结尾
转至元数据起始

示例说明

在Demo的电网信息监控和某4S汽车大屏仪表盘报表中,都有如下的带边框横条图

此类图形的特点是:每根柱子都有边框

 

此文档说明如何创建这种图形,此文档示例如下:

 

 

实现步骤

这种图形只能通过Excel中作图来创建。先使用静态的数据,在Excel中演示如何创建如下的横条图。

 

一、Excel中静态示例

1.在Excel中准备3列数据,一列是X轴类别数据,一列是指标数据,一列是辅助列数据。

 

2.选中数据,插入簇状横条图

 

3.右键-》编辑数据,设置横条图为两个系列。系列1为“辅助列”数据,系列2位“指标数据”数据,X轴为“X轴”数据。注意:要求辅助列系列在上,指标数据系列在下

系列设置界面如下:

横条图显示如下:

 

4.选中“辅助列”系列,设置其格式,设置填充颜色为“无”,边框颜色为“指标数据”系列的蓝色,并加大边框的线宽

 

设置完后,图形显示如下:

 

5.继续选中系列“辅助列”,设置其格式。设置系列重叠为100%。通过这个设置将辅助列的柱子叠放到指标数据的下方,产生指标数据柱子边框的效果

 

最终图形显示如下:

二、动态数据作图

对于数据来源于数据集,创建带边框横条图的做法也是一样的。

1.创建数据集/构造数据

通过上面的步骤可知,横条图中柱子的边框,是用过增加一个系列,以辅助数据来实现的,因此在数据集中,除了查询出需要展示的数据外,还需要构造辅助数据。预览如下:

 

2.创建电子表格

新建电子表格报表,将字段拖拽到Excel中,设置好单元格属性。如下:

 

3.插入横条图

选中B2:D3区域,插入Excel 簇状横条图,如下:

 

4.设置系列

在图表上右键-》选择数据,设置两个系列。第一个系列为“辅助列”字段数据,第二个系列为“数量”字段数据,X轴为区域字段数据,如下:

第一个系列:

 

第二个系列:

 

X轴:

 

设置完之后,系列设置界面如下:

 

图形显示如下:

 

5.设置“数量”系列填充颜色和边框颜色

选中“数量”系列,设置其格式,设置其填充颜色为需要显示的颜色,边框颜色与填充颜色一致。

 

此例中设置数量系列填充颜色和边框色为绿色,如下:

 

 

6.设置“辅助列”系列填充颜色和边框

选中“辅助列”系列,设置其格式,设置填充颜色为“无”,边框颜色为“指标数据”系列的绿色,并加大边框的线宽

 

7.设置“辅助列”系列重叠度

继续选中系列“辅助列”,设置其格式。设置系列重叠为100%。通过这个设置将辅助列的柱子叠放到数量数据的下方,产生指标数据柱子边框的效果

 

8.发布查看效果

效果如下:

 

 

接下来,也可以将网格线取消、不显示Y轴刻度和X轴刻度、调整高度等设置,进行相关美化,最终效果如下:

 

 

注意;如果数据是百分比数值的话,那么需要设置Y轴最大刻度为1。如果需要显示Y轴刻度的话,那么还需要将Y轴客户显示格式改为“百分比”

 

 

  • 无标签