直线，贝塞尔曲线和折线

1. 概述

1.1 功能概述

线条包括直线，贝塞尔曲线和折线三种。

2. 操作步骤

本文将指导您在Wyn中创建和使用拓扑图的线条（直线/贝塞尔曲线/折线）。

2.1 前提条件

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

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

2.2 操作步骤

2.2.1 添加组件

1. 仪表板设计界面最左侧，单击组件按钮展开列表，选择需要的线条（如直线），按住鼠标左键将其拖拽至仪表板设计区域，成功添加一个线条组件。

   
   

2.2.2 数据绑定

1. 直线/贝塞尔曲线/折线的数据绑定上没有分类，只有数值的绑定，用户可以绑定任意类型的多个字段到组件上，来显示数据或者用户条件格式化。选中组件，选择目标数据集或者数据模型，直接拖拽字段到组件绑定区域，然后设定聚合方法。

   直线	贝塞尔曲线	折线

2.2.3 组件属性

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

   属性	说明	系统图示
   基础样式	自定义形状的样式，例如：设置圆角半径、背景色、背景图等属性
   动画效果	设置在组件的动画效果
   外观样式	调整组件外观样式
   布局大小	调整组件位置于整体尺寸

2. 线条额外支持以下独有属性：

• 基础样式： 在属性设置中，可通过基础样式自动标记线条的基础样式，包括颜色、线宽、线型、不透明度等属性。

  组件	属性名称	说明	图示
  直线/贝塞尔曲线/折线	颜色	线条的绘制颜色
  	线宽	线条宽度
  	线型	线条的线型，支持实线和虚线
  	虚线间隔	线型为虚线时，可定义虚线的间隔
  	显示阴影	是否显示阴影
  	不透明度	设定图形的不透明度
  	起始箭头	是否显示起点箭头
  	终点箭头	是否显示终点箭头
  折线	圆角半径	折线转弯处的圆角半径设定

• 动画效果： 在属性设置中，可通过动画效果自动标记线条的内置动画，支持多种内置动画，包括闪烁，发光，流动，呼吸。下面以折线为例进行说明。

  闪烁	发光	流动	呼吸

2.2.4 形状调整

1. 编辑态和非编辑态，在设计器中，线条组件有两种状态，编辑态和非编辑态，在编辑态中可以灵活地调整线条的位置，形状，增加或者删除折线的子线条等等操作。

   状态	进入或者退出方式	功能	示例
   非编辑态	组件的默认状态	呈现组件
   编辑态	进入方式： 双击组件 单击组件上方的编辑按钮 退出方式: 按下 ESC 或者回车键 单击设计器空白区域	移动端点调整线条 移动控制点增加线条

• 直线编辑： 直线在编辑状态包含2个控制点，这2个控制点来决定曲线的形状。

  • 操作步骤： 双击直线进入编辑状态，移动端点到指定位置，编辑完成后，单击空白区域，或者按下 ESC，Enter键退出编辑。

    
    

• 贝塞尔曲线编辑： 贝塞尔曲线在编辑状态包含4个控制点，这四个控制点来决定曲线的形状。

  • 操作步骤： 双击直线进入编辑状态，移动端点到指定位置，编辑完成后，点击空白区域，或者按下 ESC，Enter键退出编辑。

    
    

• 折线编辑： 折线相对于直线来说，具有更多的控制点来控制折线的形状，下面介绍如何增加控制点以及删除控制点。

  • 增加子线段，双击中间的控制点，会多出一个子线段，如右侧：

    功能	操作	结果
    增加子线段
    删除子线段
    对齐端点	竖直方向对齐端点 A 和 B	按下 Ctrl 键，鼠标移动A向左，当与B竖直对齐的时候， 会自动吸附，并且B点的圆圈变为实心。

2.2.5 数据探索与分析

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

   
   

2.2.5.1 条件格式化

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

   
   

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

   条件格式化的字段来自于数据绑定：

   
   

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

   基础样式	动画效果