[]
        
在线Demo 免费试用
(Showing Draft Content)

面积图

1. 概述

1.1 功能概述

面积图作为趋势分析的核心图表,通过填充色块直观展示数据随时间变化的累积趋势,帮助用户快速把握数据演变规律与总量关系,是时间序列分析的理想选择。在Wyn中,为满足不同维度的趋势分析需求,提供以下三种面积图类型:

  • 标准面积图: 最基础的面积图形式,通过色块填充直观呈现数据变化趋势及累积量。在销售业绩分析中,可清晰展示各季度销售额的波动情况及累计总量,助力管理者把握业务发展态势。

  • 堆叠面积图: 将多组数据系列垂直堆叠展示,顶部轮廓线反映总量变化,各色块高度表示组成部分的绝对量。适用于企业营收构成分析,能直观显示各产品线对总营收的贡献度及变化趋势,为业务决策提供完整视角。

  • 百分比堆叠面积图: 将数据标准化为100%展示,着重呈现各组成部分的相对比例变化。在市场占有率分析场景中,可精准追踪各竞争对手的份额占比动态,帮助企业及时调整竞争策略。

2. 操作步骤

本文将指导您在Wyn中创建和使用面积图。

2.1 前提条件

  1. 数据要求: 已完成数据连接与数据准备,本文将以本地Excel文件缓存数据集为例演示操作流程。

  2. 界面要求: 已进入仪表板设计界面,且仪表板至少已绑定一个数据集/数据模型(如“Excel数据-缓存数据集”)。

2.2 操作步骤

2.2.1 添加组件

  1. 仪表板设计界面最左侧,单击组件按钮展开列表,选择面积图,按住鼠标左键将其拖拽至仪表板设计区域,成功添加一个面积图组件。

    PixPin_2025-05-30_17-17-07

2.2.2 绑定数据

  1. 仪表板设计器设计区域选中面积图,根据实际需求,将对应的字段拖动到数据绑定区域,完成数据绑定。例如在本示例中,需将“销售大区”字段拖动到分类区域,将“订单金额”字段拖动到数值区域。

    PixPin_2025-05-30_17-17-38

  2. 数据绑定区域介绍参考下表:

    示意图

    数据绑定区域

    说明

    PixPin_2025-07-29_14-10-06

    数值

    绑定任意类型的字段,可绑定一个或多个字段。

    如果已经在系列区域绑定了字段,则数值区域将无法绑定多个字段,即仅能绑定一个字段

    分类

    绑定组件的分析维度,可绑定一个或多个字段。

    系列

    绑定组件分析的系列,仅可绑定一个字段。

    如果数值绑定区域中已绑定了多个字段,则不可以绑定系列。

    提示标签

    提示标签是指当鼠标移至图形时,会出现相应的提示信息,使用方法详见鼠标提示标签

    钻取

    设置组件数据钻取路径,详见数据钻取

2.2.3 数据处理

  1. 组件完成数据绑定后,可自由调整字段属性(如格式修改、重命名、聚合方式切换)并执行快速运算,具体操作步骤请参考数据绑定与动态计算

    PixPin_2025-05-30_17-24-14

    type=info

    注意: 对数据集中字段进行的操作会在当前仪表板中的所有组件生效;而对组件数据绑定区字段进行的操作仅在当前组件生效。

2.2.4 组件属性

  1. 数据处理完成后,可通过以下属性配置进一步优化组件展示效果:

    属性

    说明

    系统图示

    图表样式

    自定义图表数据点样式,例如:设置调色板、自动渐变、圆角半径等属性

    PixPin_2025-05-30_17-19-19

    动画

    设置组件入场动画、轮播和轮播间隔

    数据设置

    设置显示所有维度和缩放轴

    数据交互

    配置联动、跳转、刷新等行为

    标题

    组件标题的样式属性

    数据标签

    显示组件数据点标签和内容

    提示标签

    鼠标悬停时显示数据点详细信息

    分类轴

    对图表的分类轴进行设置

    数值轴

    对图表的数值轴进行设置

    图例

    显示组件中不同颜色/形状代表的数据含义

    钻取设置

    自定义钻取路径的显示样式

    特殊数据

    自定义空值/空白数据的显示规则

    无数据样式

    组件无数据时的显示内容和背景图片

    布局大小

    调整组件位置于整体尺寸

    外观样式

    调整组件外观样式

  2. 面积图额外支持以下独有属性:

  • 图表类型切换: 在属性设置中,可通过「图表样式>图表类型」轻松切换不同的面积图类型,以满足不同分析需求。 图表类型具体介绍参考下表:

    PixPin_2025-06-09_09-53-56

    图表类型

    说明

    示例

    面积图

    每个色块独立显示,主要用于展示单一数据系列或多个数据系列的变化趋势和累积量

    PixPin_2025-05-30_17-39-11

    堆叠面积图

    垂直堆叠多数据系列,清晰展示部分与整体关系

    整个图表的最上方折线代表所有数据系列的总和,每个区域的高度表示该数据系列在总和中所占的比例

    PixPin_2025-05-30_17-39-40

    百分比堆叠面积图

    与堆积面积图类似,但更侧重于展示各数据系列占总和的百分比变化

    各数据系列的折线是基于其占总和的百分比绘制的,并且总和始终为 100%

    PixPin_2025-05-30_17-39-51

2.2.5 数据探索与分析

  1. 组件内置丰富的数据探索与分析功能,从多角度挖掘数据价值,为您的可视化分析提供专业级支持。

    PixPin_2025-05-30_17-18-49

3. 注意事项

  1. 如果组件单独配置了属性,则该配置优先级将高于仪表板全局设置中的对应属性。