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

基础形状

1. 概述

1.1 功能概述

基础形状包括矩形、圆形、心形、圆柱、星形、三角形、椭圆形、正多边形、左箭头、右箭头、上箭头和下箭头这些形状。

PixPin_2025-06-13_16-10-04

2. 操作步骤

本文将指导您在Wyn中创建和使用拓扑图的基础形状。

2.1 前提条件

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

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

2.2 操作步骤

2.2.1 添加组件

  1. 仪表板设计界面最左侧,单击组件按钮展开列表,选择需要的形状(如矩形),按住鼠标左键将其拖拽至仪表板设计区域,成功添加一个形状组件。

    PixPin_2025-06-13_17-01-10

2.2.2 数据绑定

基础形状的数据绑定上没有分类,只有数值的绑定,用户可以绑定任意类型的多个字段到组件上,来显示数据或者用户条件格式化。

  1. 添加数据绑定,选中组件,选择目标数据集或者数据模型,直接拖拽字段到组件绑定区域,设定聚合方法。

    PixPin_2025-06-13_16-29-10

  2. 显示绑定数据,选中组件,在右侧属性设置面板找到文本标签,在内容属性中插入绑定内容:

    PixPin_2025-06-13_16-30-15

    1)单击插入字段按钮,在列表中选择绑定字段,就可以把绑定内容显示在文本区域。

    PixPin_2025-06-13_16-31-37

    2)在内容属性编辑框中可以输入其他的描述性字符使得显示内容更加的易读。

    PixPin_2025-06-13_16-32-28

    3)支持内容文本的字体设置、行高和位置设定:

    PixPin_2025-06-13_16-33-04

2.2.3 组件属性

  1. 数据处理完成后,可通过以下属性配置进一步优化组件展示效果,每个形状都包含了丰富的属性设置来控制图形外观,以矩形为例:

    属性

    说明

    系统图示

    基础样式

    自定义形状的样式,例如:设置圆角半径、背景色、背景图等属性

    PixPin_2025-06-13_16-36-56

    数据交互

    配置跳转、刷新等行为

    动画效果

    设置在组件的动画效果

    文本标签

    设置形状的文本标签属性,包括显示文本、内容、字体设置等属性

    特殊数据

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

    布局大小

    调整组件位置于整体尺寸

    外观样式

    调整组件外观样式

  2. 矩形额外支持以下独有属性:

  • 图表样式: 在属性设置中,可通过图表样式自动标记矩形形状的样式,例如:设置圆角半径、背景色、背景图等属性。

    属性

    描述

    系统图示

    圆角半径

    矩形图形特有的属性,用来指定圆角半径

    PixPin_2025-06-13_16-41-32

    背景色

    整个图形的背景色,所有基础形状都支持

    背景渐变

    整个图形的渐变色背景,所有基础形状都支持

    image

    背景图

    整个图形的背景图片,所有基础形状都支持

    PixPin_2025-06-13_16-43-19

    边框颜色

    形状的边框颜色,所有基础形状都支持

    PixPin_2025-06-13_16-44-52

    边框宽度

    形状的边框宽度

    边框线型

    形状的边框线型,支持实线和虚线

    虚线间隔

    边框线型为虚线时,定义间隔的大小

    image

    显示阴影

    是否显示阴影

    不透明度

    设定图形的不透明度

    PixPin_2025-06-13_16-47-28

    水平翻转

    水平方向翻转图形

    垂直翻转

    垂直方向翻转图形

  • 动画效果: 在属性设置中,可通过动画效果自动标记基础形状的内置动画,支持多种内置动画,包括闪烁,发光,流动,呼吸。

    闪烁

    发光

    流动

    呼吸

    shanshuo

    faguang

    流动

    呼吸

2.2.4 数据探索与分析

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

    PixPin_2025-06-13_16-51-36

2.2.4.1 条件格式化

  1. 选中组件,单击添加格式化按钮,选择添加条件格式化进入条件格式化设置界面。

    PixPin_2025-06-13_16-55-21

  2. 基于组件绑定的数值字段,在条件设置界面中定义格式化规则,实现数据驱动的动态可视化效果。

    PixPin_2025-06-13_16-53-04

  3. 数字类型和文本类型的字段具有不同的比较方法,与基础图表一致。基础图形的条件格式化支持的样式属性包含三部分:基础样式,动画效果,文本标签。

    样式

    基础样式

    动画效果

    文本标签

    基础样式

    image

    image

    image