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

组合图

1. 概述

1.1 功能概述

组合图(Combination Chart)是一种将多种图表类型(如柱状图、折线图、面积图等)结合在一起的可视化工具,旨在同时展示不同类型或维度的数据,帮助用户更全面地理解数据之间的关系和趋势。

2. 操作步骤

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

2.1 前提条件

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

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

2.2 操作步骤

2.2.1 添加组件

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

    PixPin_2025-06-03_09-43-38

2.2.2 绑定数据

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

    PixPin_2025-06-03_09-44-26

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

    数据绑定区域

    说明

    左值轴

    可绑定一个或多个字段

    如果已经在系列区域绑定了字段,则此数值轴将无法绑定多个字段

    右值轴

    可绑定一个或多个字段

    如果已经在系列区域绑定了字段,则此数值轴将无法绑定多个字段

    分类

    最多可绑定一个字段

    系列

    最多可绑定一个字段

    如果左值轴或右值轴绑定了多个字段,则系列区域将无法绑定字段

    钻取

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

2.2.3 数据处理

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


  2. 组件支持左右值轴图表类型灵活切换,提供折线图、柱状图、面积图及堆叠柱状图四种选择,满足不同业务场景的数据分析需求。

    PixPin_2025-06-03_10-10-38

    type=info

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

2.2.4 组件属性

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

    属性

    说明

    系统图示

    图表样式

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

    PixPin_2025-06-03_09-46-46

    动画

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

    数据设置

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

    数据交互

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

    标题

    组件标题的样式属性

    左/右值数据标签

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

    提示标签

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

    分类轴

    对图表的分类轴进行设置

    左右轴同步

    组合图独有,设置左右轴是否同步

    左/右值轴

    组合图独有,对图表的左/右轴进行设置

    图例

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

    钻取设置

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

    特殊数据

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

    无数据样式

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

    布局大小

    调整组件位置于整体尺寸

    外观样式

    调整组件外观样式

  2. 组合图额外支持以下独有属性:

  • 左右轴同步: 在属性设置中,可通过左右轴同步属性自动标记组合图的左右轴是否需要同步属性设置,以及设置最大/最小值和间隔值。

    PixPin_2025-06-03_10-12-15

  • 左/右值轴: 在属性设置中,可通过左/右值轴属性自动标记组合图左值轴或右值轴的单独属性,让双轴数据一目了然。

    PixPin_2025-06-03_10-17-49

2.2.5 数据探索与分析

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

    PixPin_2025-06-03_10-09-35

3. 注意事项

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

  2. 产品中使用的图表组件为ECharts组件,其提供了开放的自定义属性自定义行为,可定制出更丰富的视觉效果,下图是部分示例:

    ECharts组合图2

    image

  • 示例文件包: 下载后,您可直接导入至对应版本系统中查看使用。

    ECharts组合图示例.zip

    type=info

    注意:本示例压缩包基于8.1版本制作,请使用8.1及以上版本并参照导入与导出文档操作(低版本可能存在兼容性问题,建议升级)