半圆gauge仪表盘突出的蓝色轴线动画如何启动?原来的指针是有动画,可是在这个图表中不需要指针,而需要蓝色轴线从0到设定值的一个动画效果如果实现?
配置项如下
option = {
"tooltip": {
"formatter": "{a} <br/>{b} : {c}%"
},
"series": [{
"name": "指数",
"type": "gauge",
"startAngle": 180,
"endAngle": 0,
"radius": "90%",
"axisLine": {
"lineStyle": {
"width": 36,
"color": [
["0.66", "#1d60ac"],
[1, "#f6f7fa"]
]
}
},
"axisTick": {
"show": false
},
"axisLabel": {
"show": true,
"distance": 10,
"textStyle": {
"color": "#000"
}
},
"splitLine": {
"show": false
},
"pointer": {
"show": false
},
"title": {
"offsetCenter": [0, "-4%"],
"textStyle": {
"color": "#1d60ac",
"fontSize": "14"
}
},
"detail": {
"show": true,
"formatter": "{value}",
"offsetCenter": [0, "-35%"],
"textStyle": {
"color": "#1d60ac",
"fontSize": "30",
"fontWeight": "600"
}
},
"data": [{
"value": "66",
"name": "风险较低"
}]
}]
}