1. 概述
1.1 版本
报表服务器版本 |
---|
11.0 |
1.2 应用场景
自定义柱形图可以自定义多个坐标轴,适用于当标准柱形图无法满足特定数据展示需求时。
1.3 图表特点
优点:自定义柱形图提供了高度的灵活性和创造性,能够通过自主设计满足一般柱形图无法满足的需求。
缺点:如果设计不当,可能会降低数据的清晰度和可读性。
2. 示例
2.1 准备数据
点击设计器左上角「文件>新建普通报表」,新建 内置数据集 ,如下图所示:
2.2 插入图表
先合并一片单元格区域,点击上方工具栏插入图表按钮,插入「自定义柱形图」。如下图所示:
2.3 设计图表
选中图表,点击右侧属性面板「单元格元素」,可设置图表的各个属性:类型、数据、样式、特效。
2.3.1 图表类型
选中图表所在单元格,点击右侧「单元格元素>类型」可查看和选择图表类型。
2.3.2 数据绑定
选择「数据」,绑定图表数据如下图所示:
2.3.3 样式设计
选中图表,选择「单元格元素>样式>标题」,输入文本「第一季度经营情况」。如下图所示:
2.3.4 设置系列
1)选择「样式>系列」,配色方案选择「跟随主题」,线型选「无」,圆角设置为 「5px」,再添加两个「堆积和坐标轴」。
如下图所示:
2)「堆积和坐标轴1 」,因为总利润率和销售量的数值差距较大,所以单独使用一个 Y轴 表示会更加有效。
选择「Y轴2」,条件设置为「系列序号 等于 3」。如下图所示:
3)「堆积和坐标轴2 」,两个产品销售量用堆积柱形来展示会比用两个柱形展示更加简洁直观。
选择「Y轴」,堆积选择「是」,条件设置为「系列序号 等于 1 or 系列序号 等于 2」。如下图所示:
2.3.5 设置坐标轴
柱形图属性面板的「样式>坐标轴」可对坐标轴的属性进行设置。
本示例中需要设置「Y轴2」以百分比的方式显示总利润率。如下图所示:
2.4 效果预览
2.4.1 PC 端
保存报表,点击「分页预览」,效果如 1.2 节所示。
2.4.2 移动端
支持 App 端和 HTML5 端,效果如下图所示:
3. 模板下载
点击下载模板:自定义柱形图.cpt