最新历史版本 :柱形图-面积图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1.概述编辑

1.1 版本

报表服务器版本
11.0

1.2 应用场景

柱形图-面积图是由宽度相同的柱形的高度或长短来表示数据多少的柱形图,以及强调数量随时间而变化的程度的面积图,两者组合起来的一种组合图表类型。

柱形图-面积图是可以直观地表示数据量的大小并进行比较,可以比较明显地显示出各数据之间的比例差异,也可以显示部分与整体的关系。

柱形图-面积图展示效果如下图所示:

效果图1.png

1.3 图表特点

简单直观,不仅适合比较各组数据之间的差别,也能很好的展现沿某个维度的变化趋势,比较多组数据在同一个维度上的趋势。

2. 示例编辑

2.1 准备数据

创建一个内置数据集,如下图所示:

671047.png

2.2 插入图表

合并一片区域单元格,点击上方工具栏插入图表按钮,选择组合图>柱形图-面积图,如下图所示:

671102.png

2.3 设计图表

选中图表,点击右侧属性面板「单元格元素」,可设置图表的各个属性:类型、数据样式特效

2.3.1 图表类型

选中图表所在单元格,点击右侧「单元格元素>类型」可查看和选择图表类型。

671056.png

2.3.2 绑定数据

选择「数据」,绑定柱形图-面积图数据,如下图所示:

11.png

2.3.3 设计样式

柱形图-面积图基础样式只需要改个标题,其余默认设置即可。

在图表样式通用功能的基础上,柱形图、面积图新增了堆积和坐标轴属性自定义设置,如下所示:

注:柱形图、面积图两者自定义设置项一致,此处介绍柱形图。

1)坐标轴自定义

柱形图-面积图属性面板的样式>坐标轴下新增「添加坐标轴按钮,用户可新增其他的X、Y轴,并对新坐标的属性进行设置。

截屏2024-06-07 13.34.00.png

2)柱形图堆积自定义

新增的坐标轴需要对应到具体系列的值,样式>系列>柱形图下新增堆积和坐标轴功能,用户可自定义坐标轴的堆积属性和系列对应关系。

671118-2.png

2.4 效果预览

2.4.1 PC 端

保存报表,点击「分页预览,效果如下图所示:

效果图1.png

2.4.2 移动端

App 端和 HTML5 端均支持,效果如下图所示:

IMG_9295.jpg

3. 模板下载编辑

点击下载模板:柱形图-面积图示例.cpt