页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

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

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

Image Added

 

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

Image Added

此文档说明如何创建这种图形。 

 

实现步骤

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

 

一、Excel中静态示例

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

...

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

 

最终图形显示如下:

二、动态数据作图

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

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

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

Image Added

 

2.创建电子表格

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

Image Added

 

3.插入横条图

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

Image Added

 

4.设置系列

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

第一个系列:

Image Added

 

第二个系列:

Image Added

 

X轴:

Image Added

 

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

Image Added

 

图形显示如下:

Image Added

 

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

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

Image Added

 

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

Image Added

 

 

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

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

Image Added

 

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

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

Image Added

 

8.发布查看效果

效果如下:

Image Added

 

 

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

Image Added

 

 

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

Image Added

 

Image Added