面积图

2022-03-31 更新
314 次浏览

功能简介

面积图又叫区域图。 它是在折线图的基础之上形成的, 它将折线图中折线与自变量坐标轴之间的区域使用颜色或者纹理填充,这样一个填充区域我们叫做面积。颜色的填充可以更好的突出趋势信息,需要注意的是颜色要带有一定的透明度,透明度可以很好的帮助使用者观察不同序列之间的重叠关系,没有透明度的面积会导致不同序列之间相互遮盖减少可以被观察到的信息。

和折线图一样,面积图也用于强调数量随时间而变化的程度,也可用于引起人们对总值趋势的注意。他们最常用于表现趋势和关系,而不是传达特定的值。

伙伴云面积图组件支持折线、曲线、阶梯线三种线形,在单个面积图组件里可以添加多个面积区域进行更直观的对比,且支持自定义样式。

效果展示

我们用面积图来展示公司2021年每周的成交额变化趋势:

操作步骤

我们以订单金额趋势图为例,用面积图展示每个月的订单金额数值及变化趋势,讲解操作步骤

第一步:创建图表组件,选择面积图,输入面积图名称

第二步:设置数据源、数据获取权限、数据过滤条件

我们想统计的订单金额相关的数据是来自 客户业绩趋势图 这张表格,所以【数据源】选择客户业绩趋势图;

我们想统计所有员工的订单金额,默认管理员有此权限,所以【数据获取权限】选择以管理员权限获取;

我们想统计所有员工的全部订单金额,暂时无需过滤数据,所以数据过滤条件不设置。

第三步:添加X轴与Y轴

面积图X轴:可以选择数据源表格中的任一字段

面积图Y轴:可以选择数据源表格中的任一字段。若统计时需要在面积图里展示多块面积进行对比,添加多个Y轴字段即可。

我们想统计每个月的订单金额变化趋势,所以X轴添加字段【成交时间(月)】,Y轴添加字段【求和_成交金额】

第四步:设置数值别名与数值显示格式

支持设置字段在面积图里的显示名称与数值的显示格式。

因为我们在系统中统计的数值是订单表中**,每个月成交金额的求和**,所以默认的数值名称为求和_成交金额。为了让使用者易于理解,我们需要设置数值别名。

我们的字段名称默认为我们的成交金额数值为六位数,数值在观感上不够简洁明了,我们也需要设置数值的显示格式。

为了面积图中的数值展示更简洁,我们将成交金额的单位设置为万,保留两位小数。

数值别名与显示格式设置完成

第五步:自定义面积图样式

我们可以自定义面积图样式,让面积图更美观、更清晰

自定义样式完成后

第六步:设置分析辅助线

还可以添加分析辅助线,来满足更深度的分析需求

面积图可以添加平均值、最大值和最小值线。我们想统计每个月的平均成交金额,设置完后效果如图:

第七步:设置仪表盘上组件的大小和布局,保存

保存组件配置

在仪表盘编辑页,拖动调整组件大小、位置,保存仪表盘

0 0