仪表盘

1. 概述

1.1 功能概述

仪表盘是一种直观展示单一指标完成度的可视化组件，通过环形刻度、指针定位和动态配色直观呈现当前值与目标值的百分比关系（如销售额达成率），适用于实时监控指标健康状况，类似汽车速度表，强调清晰聚焦但不宜用于多指标对比或趋势分析。

2. 操作步骤

本文将指导您在Wyn中创建和使用仪表盘。

2.1 前提条件

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

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

2.2 操作步骤

2.2.1 添加组件

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

   
   

2.2.2 绑定数据

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

   
   

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

   示意图	数据绑定区域	说明
   	实际值	仪表盘指针指示的值，可绑定一个字段或不绑定字段
   	对比值	指针数值的目标值或对比值，可绑定一个字段或不绑定字段

2.2.3 数据处理

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

   
   

   type=info

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

2.2.4 组件属性

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

   属性	说明	系统图示
   数据设定	支持绑定字段或自定义数值，可通过数据设定属性灵活配置
   图表样式	自定义图表数据点样式，例如：设置仪表盘样式、扇形角度属性
   动画	设置组件入场动画、轮播和轮播间隔
   数据交互	配置联动、跳转、刷新等行为
   标题	组件标题的样式属性
   副标题	用于说明指标含义
   数据标签	显示组件数据点标签和内容
   比较标签	显示实际值与对比值之间的变化情况
   数值轴	显示仪表盘数值轴的属性
   特殊数据	自定义空值/空白数据的显示规则
   无数据样式	组件无数据时的显示内容和背景图片
   布局大小	调整组件位置于整体尺寸
   外观样式	调整组件外观样式

2. 仪表盘额外支持以下独有属性：

• 图表样式： 在属性设置中，可通过图表样式属性自动标记仪表盘样式、指针样式等属性。

  属性	说明	系统图示
  仪表盘样式	修改仪表盘样式
  显示指针	是否显示仪表盘的指针
  指针颜色	设置仪表盘的指针颜色
  起始角度	设置仪表盘的起始角度
  扇形角度	设置仪表盘的扇形角度
  图形不透明度	设置仪表盘的图形不透明度
  自定义属性	提供ECharts深度定制功能
  自定义行为	提供自定义行为表现JS实现动态效果

• 数值轴： 在属性设置中，可通过数值轴属性标记

  属性	说明	系统图示
  最小值	设置仪表盘数值轴的最小值，支持自定义输入或使用仪表板参数
  最大值	设置仪表盘数值轴的最大值，支持自定义输入或使用仪表板参数
  轴线颜色	设置仪表盘数值轴的轴线颜色
  轴线宽度	设置仪表盘数值轴的轴线宽度
  进度条颜色	设置仪表盘的进度条颜色
  显示圆角	设置仪表盘数值轴两头是否显示圆角
  显示网格线	设置仪表盘数值轴是否显示网格线
  分割数	设置仪表盘数值轴的分隔数量
  显示刻度标记	设置仪表盘数值轴是否显示刻度标记
  刻度线位置	设置仪表盘数值轴的刻度线位置，支持内侧/外侧
  刻度线颜色	设置仪表盘数值轴的刻度线颜色
  显示刻度标签	设置仪表盘数值轴是否显示刻度标记
  数据单位	设置仪表盘数值轴的数据单位
  格式	设置仪表盘数值轴的格式
  轴字体设置	设置仪表盘数值轴的轴字体属性

2.2.5 数据探索与分析

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

   
   

3. 注意事项

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