跳到主要内容

基础仪表盘

1.1 介绍与演示​

Preview

仪表盘控件通常情况下用来显示率值数据或进度数据。

1.2 使用教程​

1.2.1 数据导入​

数据导入支持：Json数据集、API服务数据集；

  1. 基础数据准备：Json数据集或Excel【可百度转换成Json文件】
  2. 注意事项：
    数据要求：1个字段

1.2.2 基础属性​

基础属性可以对本控件的背景、边框、标题、选择器等属性的修改。

  1. 背景：颜色（纯色、渐变颜色）、背景图（显示方式）等设置；
  2. 边框：是否圆角（圆角度数设置）、边框（是否存在、边框尺寸、边框颜色、是否阴影）等设置；
  3. 标题：控件标题（是否显示）、显示高度、标题背景设置、字体样式设置、超链接、字体位置等设置；
  4. 选择器：选择器（是否显示）、背景设置、字体、展现方式（根据不同宽度来调整大小：窗口等分、分别定义占比、分别定义绝对宽度）等设置；

1.2.3 高级属性​

  • 表盘样式​

刻度样式：可以调整刻度的倍率单位以及小数位。
图形样式：可以定义图形的大小、水平垂直位置、指针的长宽、分割线数量/宽度/长度以及起始结束位置。

  • 表盘阴影​

阴影：自定义设置表盘外框阴影颜色、模糊程度、及其阴影偏移程度

主刻度显示：控制主要刻度线是否显示
主刻度样式：调整主刻度的数量、主刻度线的宽度、长度、位置极其颜色

刻度显示：控制其他刻度线是否显示
刻度样式：调整其他刻度的数量、宽度、长度、位置极其颜色

指针显示：控制指针是否显示
指针样式：调整指针的宽度、长度、位置极其颜色

  • 刻度标签​

调整刻度标签的显示状态、字体大小、位置、颜色

控制仪表盘标题（字段）显示状态、字体大小、字体颜色、位置X、位置Y

  • 数据-前缀、后缀​

内容：自定义该字段数据的前后缀
样式：控制上边距、下边距、左边距、右边距以及字体大小、字体颜色

显示：自定义该字段数据是否显示
样式：自定义调整数据水平位置、垂直位置、字体颜色、背景颜色、宽度、高度、边框宽度、边框圆角、边框颜色

  • 进度条样式​

开启：是否显示进度条
前景色：进度条的显示进度
背景色：进度条的显示背景

调整鼠标移动到控件上时的提示框样式。
显示提示：设置提示框是否显示。
背景色：设置背景颜色。
文字样式：设置字体颜色和字体大小。
指示器样式：设置指示器颜色和宽度。

  • 值域设置​

值域范围：选择自动或者填写表盘最小值、表盘最大值

1.3 事件属性​

事件属性主要是控件的穿透和控件动效。