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