跳到主要内容

基础环形图

1.1 介绍与演示

Preview

环形图控件主要应用显示KPI指标值,也可以用于展示数据进度。

1.2 使用教程

1.2.1 数据导入

数据导入支持:Json数据集、API服务数据集;

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

1.2.2 基础属性

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

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

1.2.3 高级属性

  • 圆环样式

位置:自定义控制水平位置、垂直位置
圆形缩放:整体圆环的缩放情况
主圆环:显示总进度的圆环称为主圆环,调整主圆环的宽度,颜色
值圆环:显示该字段进度的圆环称为值圆环,调整值圆环的宽度,颜色
外圆环:显示在最外层的圆环,调整外圆环的宽度,颜色
内圆环:显示在最内层的圆环,调整内圆环的宽度,颜色
标题:即字段名称,控制是否显示、位置、偏移、上下间距、标题字大小、标题字颜色
值文字:即字段,控制是否显示、值字体大小、值字体颜色

显示方式:自动计算或显示原值并填写最大值,控制表盘

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

1.3 事件属性

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