echart 仪表盘遇到的坑

看一下没改变样式前的样子吧

想要修改里面的样式

最终效果

代码如下

var option1 = {
			tooltip: {
				formatter: "{a} <br/>{b} : {c}%",
			},
			toolbox: {
				feature: {
					restore: {},
					saveAsImage: {}
				}
			},
			series: [{
				name: 'APi调用成功率',
				type: 'gauge',
				splitNumber: 1,
				axisLine: {
					lineStyle: {
						width: 20,
						opacity: 0
					}
				},
				splitLine: {
					show: false
				},
				axisTick: {
					length: 20,
					splitNumber: 100,
					lineStyle: {
						width: 3,
						color: '#555'
					}
				},
				detail: {
					formatter: '{value}%',
					textStyle: {
						fontSize: 15
					}
				},
				data: [{
					value: 50,
					name: '成功率'
				}]
			}]
		},
		a = document.getElementById('main1'),
		es1 = echarts.init(a) es1.setOption(option1)