const option = {
// 鼠标悬浮的提示
tooltip: {
formatter: '{b} : {c}'
},
series: [
{
type: 'gauge',
min: 0, //最大值
max: 100, //最小值
startAngle: 200, //仪表盘起始角度。正右手侧为0度,正上方为90度,正左手侧为180度。
endAngle: -20, //仪表盘结束角度
splitNumber: 5, //仪表盘刻度的分割段数
itemStyle: {
color: '#f37215', //颜色
shadowColor: 'rgba(0,138,255,0.45)', //阴影颜色
shadowBlur: 10, //图形阴影的模糊大小
shadowOffsetX: 2, //阴影水平方向上的偏移距离
shadowOffsetY: 2 //阴影垂直方向上的偏移距离
},
progress: {
show: true, //是否显示进度条
roundCap: true, //是否在两端显示成圆形
width: 18, //进度条宽度
itemStyle: {
color: {
type: 'linear',
x: 1,
echarts仪表盘渐变色显示
转载请注明出处或者链接地址:https://www.qianduange.cn//article/22348.html
发布的文章
如何修改电脑mac地址?
2025-03-03 13:03:33
Flutter_学习记录_实现列表上拉加载更多的功能
2025-03-03 13:03:29
Redis---缓存穿透,雪崩,击穿
2025-03-03 13:03:29
React生态、Vue生态与跨框架前端解决方案
2025-03-03 13:03:29
本地部署 DeepSeek:从 Ollama 配置到 Spring Boot 集成
2025-03-03 13:03:29
【Maven】将普通Eclipse项目改造为Maven项目(非SpringBoot项目)
2025-03-03 13:03:28
每天一个Flutter开发小项目 (6) : 表单与验证的专业实践 - 构建预约应用
2025-03-03 13:03:28
确定 Flutter SDK 及其关联的 Gradle 版本与适配的 JDK 版本
2025-03-03 13:03:28
校园订餐微信小程序(全套)
2025-03-03 13:03:28
C 数组:深入解析与应用
2025-03-03 13:03:28
大家推荐的文章