1. 概述
1.1 应用场景
有时候,常规的面积图无法满足用户的特定需求,但自定义面积图允许用户自由调整图表的样式和数据展示方式,从而更好的表达数据信息。
1.2 图表特点
优点:能够通过个性化的设计增强数据的可视化效果,使信息传达更加直观和有吸引力。
缺点:过度的自定义可能会分散观众的注意力,降低数据的清晰度和易读性。
2. 示例
2.1 准备数据
点击设计器左上角「文件>新建普通报表」,新建 内置数据集 ,如下图所示:
2.2 插入图表
合并一片单元格,点击「插入图表」按钮,选择「面积图>自定义」图表。如下图所示:
2.3 设计图表
选中图表,点击右侧属性面板「单元格元素」,可设置图表的各个属性:类型、数据、样式、特效。
2.3.1 图表类型
选中图表所在单元格,点击右侧「单元格元素>类型」可查看和选择图表类型。
2.3.2 数据绑定
选择「数据」,绑定图表数据如下图所示:
2.3.3 样式设计
选中图表,选择「单元格元素>样式>标题」,输入文本「自定义面积图」。如下图所示:
2.3.4 设置坐标轴
面积图属性面板的「样式>坐标轴」可对坐标轴的属性进行设置。
本示例中需要设置「Y轴2」以百分比的方式显示利润率。如下图所示:
2.4 效果预览
2.4.1 PC 端
保存报表,点击 「分页预览」,效果如 1.1 节所示。
2.4.2 移动端
App 端和 HTML5 端均支持,效果如下图所示:
3. 模板下载
点击下载模板:自定义面积图.cpt