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

水球图

1. 概述

1.1 功能概述

水球图是最直观的占比分析图表,通过不同弧度的扇形区域,精准展示各类别数据在整体中的比例关系,而圆环图作为其衍生形态,在保持核心占比功能的同时提供了更丰富的视觉表现空间。

2. 操作步骤

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

2.1 前提条件

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

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

2.2 操作步骤

2.2.1 添加组件

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

    PixPin_2025-06-09_13-55-53

2.2.2 绑定数据

  1. 仪表板设计器设计区域选中水球图,根据实际需求,将对应的字段拖动到数据绑定区域,完成数据绑定。例如在本示例中,需将“订单利润”字段拖动到实际值区域,将“订单金额”字段拖动到对比值区域。

    PixPin_2025-06-09_13-56-45

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

    示意图

    数据绑定区域

    说明

    PixPin_2025-07-29_14-43-06

    实际值

    水球图指示的值,可绑定一个字段或不绑定字段

    对比值

    水球图数值的目标值或对比值,可绑定一个字段或不绑定字段

2.2.3 数据处理

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

    PixPin_2025-06-09_14-00-27

    type=info

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

2.2.4 组件属性

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

    属性

    说明

    系统图示

    图表样式

    设置水球图的水球形状、波纹动画、波纹时长等属性

    PixPin_2025-06-09_14-00-55

    边框样式

    设置水球图的边框属性,包括边框间距、边框线宽、边框颜色等属性

    动画

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

    数据交互

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

    标题

    组件标题的样式属性

    副标题

    用于说明指标含义

    值标签

    设置水球图的值标签,包括显示百分比、字体设置、小数位数等属性

    对比标签

    设置水球图的对比标签,包括实际值赫尔对比值的显示,以及字体设置属性

    特殊数据

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

    无数据样式

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

    布局大小

    调整组件位置于整体尺寸

    外观样式

    调整组件外观样式

  2. 水球图额外支持以下独有属性:

  • 图表样式: 在属性设置中,可通过图表样式属性自动设置水球图的水球形状、波纹动画、波纹时长等属性。

    属性

    说明

    图示

    水球图形状

    设置水球图的形状,支持圆形、椭圆形、方形、菱形和矩形

    PixPin_2025-06-09_14-21-15

    波纹动画

    是否开启波纹动画

    波动时长

    数值越大波动越缓慢,数值越小波动越快

    涨水时长

    数值越大涨水速度越慢,数值越小涨水速度越快

    波浪数量

    设置水球图内的波浪数量,支持1-3

    波峰数量

    设置水球图波峰的数量,支持1-10

    波纹幅度

    调整水球图的波纹幅度

    波纹颜色

    调整水球图的波纹颜色

    背景颜色

    设置水球图的背景颜色

    显示标签

    控制是否在水球图中显示标签文字

    该选项作为水球图标签显示的总开关,开启后可设置标签间距,以及三种标签的细节,包含副标题、对比标签和值标签

    标签间距

    配合显示标签属性,设置标签之间的间距

  • 边框样式: 在属性设置中,可通过边框样式属性自动设置水球图的边框属性,包括边框间距、边框线宽、边框颜色等属性。

    属性

    说明

    图示

    边框间距

    设置水球图边框和图表的间距

    PixPin_2025-06-09_14-31-00

    边框线宽

    设置水球图边框线的宽度

    边框颜色

    设置水球图边框的颜色

    虚线长度

    设置水球图边框的虚线长度

    虚线间隔

    设置水球图边框的虚线间隔

  • 值标签: 在属性设置中,可通过值标签属性自动设置水球图的值标签,包括显示百分比、字体设置、小数位数等属性。

    属性

    说明

    图示

    显示百分比

    设置是否显示百分比,默认显示

    PixPin_2025-06-09_14-33-37

    字体设置

    设置百分比的字体属性

    小数位数

    设置百分比的小数位数

    范围划分方式

    设置水球图的范围划分方式,支持按百分比划分按数值划分,默认为按百分比划分

    范围和颜色

    设定表盘区域的颜色

  • 对比标签: 在属性设置中,可通过对比标签属性自动设置水球图的对比标签,包括实际值赫尔对比值的显示,以及字体设置属性。

    属性

    说明

    图示

    显示实际值

    设置是否显示实际值的数据

    PixPin_2025-06-09_14-38-29

    显示对比值

    设置是否显示对比值的数据

    字体设置

    始终实际值和对比值的字体属性

2.2.5 数据探索与分析

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

    PixPin_2025-06-09_13-59-44

3. 注意事项

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

  2. 水球图支持为实际值和对比值自定义数据格式与数据单位,设置后将自动同步应用于双值显示。

    PixPin_2025-06-09_14-42-55