跳到主要内容
Version: v3.8.1

GaugeChart 仪表盘

XCharts付费扩展图表 - 仪表盘。

截图

Gauge01Gauge02Gauge03Gauge04Gauge05
Gauge07Gauge08Gauge09Gauge10Gauge11
Gauge12Gauge13Gauge14

许可

扩展图表,需付费购买后才获得使用许可。

教程

扩展图表如何导入Demo项目或导入自己项目

文档

API
配置项手册

日志

master

v3.8.0

  • (2023.07.31) 同步XCharts v3.8.0

v3.6.1

  • (2023.06.08) 发布v3.6.1版本
  • (2023.06.08) 更新文档

v3.6.0

  • (2023.04.01) 发布v3.6.0版本
  • (2023.03.17) 增加GaugerangeDataMode可设置是否使用范围数据模式
  • (2023.03.17) 增加Gaugeloop可设置是否循环数据,用于时钟甘特图
  • (2023.03.17) 增加GaugePointervalue可设置指针位置
  • (2023.03.17) 增加Clock时钟仪表盘支持
  • (2023.03.13) 增加GaugePointernowTime可设置指针指向当前时间
  • (2023.03.13) 增加GaugePointervalue可设置当前指针位置
  • (2023.03.13) 增加Clock类型的甘特图支持
  • (2023.02.14) 同步XCharts v3.6.0

v3.5.0

  • (2022.12.01) 发布v3.5.0版本
  • (2022.11.27) 调整Documentation文档结构

v3.4.0

  • (2022.10.05) 增加GaugeAxisLinestageGradient支持设置阶段渐变色过渡

v3.3.0

  • (2022.09.28) 发布v3.3.0版本
  • (2022.08.26) 修复Pointer在普通模式下不显示的问题
  • (2022.08.25) 增加label颜色跟随数值变化的支持

v3.2.0

  • (2022.08.22) 发布v3.2.0版本
  • (2022.08.19) 同步XCharts v3.2.0
  • (2022.08.15) 支持渐变

API

GaugeChart

XCharts.Runtime.Gauges.GaugeChart : BaseChart

配置项手册

Gauge

XCharts.Runtime.Gauges.Gauge : Serie

fielddefaultsincecomment
rangeDataModefalsev3.6.0数值是否为范围数据。启用该模式后,data中的每个值都是一个数组,数组中的第一个值为起始值,第二个值为结束值。指针只有一个,数据绘制为环形。
loopfalsev3.6.0数值是否循环。可用在钟表图。
gaugeAxis仪表盘轴线。 GaugeAxis
gaugePointer仪表盘指针。 GaugePointer
gaugeAnchor仪表盘指针固定点。 GaugeAnchor

GaugeAnchor

XCharts.Runtime.Gauges.GaugeAnchor : ChildComponent

fielddefaultsincecomment
showtrue是否显示指针固定点。
showAbovetrue固定点是否显示在指针上面。
type标记类型。
size6标记的大小。
gap0图形标记和线条的间隙距离。
image自定义的标记图形。
imageType
offsetCenterVector2(0, 0)相对于中心的偏移位置。
itemStyle图形样式。

GaugeAxis

XCharts.Runtime.Gauges.GaugeAxis : ChildComponent

仪表盘轴线相关设置。

fielddefaultsincecomment
showtrue
type
GaugeAxisType:
- None: 仪表盘类型
- Section: 分段
- Progress: 进度
overlaptrue
distance
axisLine仪表盘轴线样式。 GaugeAxisLine
splitLine分割线。
axisTick刻度。
axisLabel文本标签。
axisLabelText自定义Label的内容。

GaugeAxisLine

XCharts.Runtime.Gauges.GaugeAxisLine : BaseLine

fielddefaultsincecomment
backgroundColorColor32(230, 235, 248, 255)进度条背景颜色。
stageColor阶段颜色。
stageGradientv3.4.0阶段颜色是否渐变过渡。

GaugePointer

XCharts.Runtime.Gauges.GaugePointer : ChildComponent

仪表盘指针相关设置。

fielddefaultsincecomment
showtrue是否显示指针。
length0.6f指针长度。可以是绝对值,也可以是相对于半径的百分比(0-1的浮点数)。
backLength0.05f指针后凸出的长度。可以是绝对值,也可以是相对于半径的百分比(0-1的浮点数)。
backExtraLength0.05f指针后额外的长度。可以是绝对值,也可以是相对于半径的百分比(0-1的浮点数)。
topLeftLength0f指针顶部左边凸起长度。可以是绝对值,也可以是相对于半径的百分比(0-1的浮点数)。
topRightLength0f指针顶部右边凸起长度。可以是绝对值,也可以是相对于半径的百分比(0-1的浮点数)。
bottomLeftLength0.025f指针底部左边凸起长度。可以是绝对值,也可以是相对于半径的百分比(0-1的浮点数)。
bottomRightLength0.025f指针底部右边凸起长度。可以是绝对值,也可以是相对于半径的百分比(0-1的浮点数)。
distance
roundCap
autoColortrue
color
toColor
cornerRadius圆角半径。用数组分别指定4个圆角半径(顺时针左上,右上,右下,左下)。
valuev3.6.0指针的值。当为时钟仪表盘时,可通过指定value值来控制指针的位置。