| 属性 | 类型 | 默认 |说明|
| :------ | :-----: | :-----: | :------------ |
|opts.extra.gauge| Object | |仪表盘相关配置|
|opts.extra.gauge.type| String | 默认default |仪表盘样式,default为百度样式,progress带刻度的进度条样式|
|opts.extra.gauge.width| Number | 默认15px |仪表盘坐标轴(指示盘)线宽度,单位为px|
|opts.extra.gauge.labelColor| String | 默认#666666|仪表盘刻度尺标签文字颜色|
|opts.extra.gauge.startAngle| Number | 默认0.75 |仪表盘起始角度,0-2之间,0为3点钟位置,0.5为6点钟,1为9点钟,1.5为12点钟|
|opts.extra.gauge.endAngle| Number | 默认0.25 |仪表盘结束角度,0-2之间,0为3点钟位置,0.5为6点钟,1为9点钟,1.5为12点钟|
|opts.extra.gauge.startNumber| Number | 默认0 |仪表盘起始数值|
|opts.extra.gauge.endNumber| Number | 默认100 |仪表盘结束数值|
|opts.extra.gauge.labelFormat | Function | |仪表盘数据标签格式化 |
|opts.extra.gauge.splitLine| Object | |仪表盘刻度线配置|
|opts.extra.gauge.splitLine.fixRadius| Number | 默认0 |仪表盘刻度线径向偏移量|
|opts.extra.gauge.splitLine.splitNumber| Number | 默认10 |仪表盘刻度线分段总数量|
|opts.extra.gauge.splitLine.width| Number | 默认15px |仪表盘分割线长度|
|opts.extra.gauge.splitLine.color| String | 默认#FFFFFF |仪表盘分割线颜色|
|opts.extra.gauge.splitLine.childNumber| Number | 默认5 |仪表盘子刻度线数量|
|opts.extra.gauge.splitLine.childWidth| Number | 默认5px |仪表盘子刻度线长度|
|opts.extra.gauge.pointer| Object | |仪表盘指针配置|
|opts.extra.gauge.pointer.width| Number | 默认15px |仪表盘指针宽度|
|opts.extra.gauge.pointer.color| String | 默认auto |仪表盘指针颜色,定义为auto时,随仪表盘背景颜色改变,或者可以指定颜色例如'#7cb5ec'|
## **标准数据格式**
```
chartData: {
categories: [{
value: 0.2,
color: '#2fc25b'
}, {
value: 0.8,
color: '#f04864'
}, {
value: 1,
color: '#1890ff'
}],
series: [{
name: '完成率',
data: 0.85
}]
}
```
友情链接:[因卓诶-爱生活爱分享技术的博客](https://www.yinzhuoei.com)
- uCharts简介
- 图表预览
- 快速上手
- 常见问题
- API参数
- 通用基础配置项
- 数据列表配置项
- 标题配置项
- 坐标轴配置项
- 图例配置项
- 扩展配置项
- 圆弧进度图
- 仪表盘
- 雷达图
- 柱状图
- 饼图圆环图
- 玫瑰图
- 折线图
- 区域图
- K线图
- 词云图
- 漏斗图
- 地图
- 条状图
- 标记线
- ToolTip
- 其他配置
- 方法 & 事件
- 更新图表数据
- 图例点击交互
- 停止动画效果
- 添加移除事件监听
- 获取图表点击序列编号
- 获取图例点击序列编号
- ToolTip方法
- 图表拖拽事件
- 放大或缩小图表
- 图表渲染完成事件
- 入门配置示例
- 图表区域详解
- 绘制X坐标轴网格
- 绘制Y坐标轴网格
- 隐藏X轴(不含网格)
- 隐藏Y轴(不含网格)
- 启用X轴滚动条及拖拽
- 绘制Y轴标题
- 隐藏X轴下方图例
- 隐藏数据点标识
- 隐藏数据点标签
- 进阶配置示例
- ToolTip配置
- uni-app示例
- 饼图
- 饼图基本用法
- 饼图右侧图例
- 圆环图
- 圆环图基本用法
- 玫瑰图
- 玫瑰图基本用法
- 线图
- 线图基本用法
- 柱状图
- 基本柱状图
- 温度计式图表
- 堆叠柱状图
- 横屏模式
- 区域图
- 区域图基本用法
- 雷达图
- 雷达图基本用法
- 圆弧进度图
- 圆弧进度图基本用法
- 整圆进度图基本用法
- 仪表盘
- 仪表盘基本用法
- K线图
- K线图基本用法
- 条状图
- 条状图基本用法
- 混合图
- 混合图基本用法
- 词云图
- 词云图基本用法
- 漏斗图
- 漏斗图基本用法
- 地图
- 地图基本用法
- 更新记录
- 改造uCharts打造专属图表
- uni-app实战教程