前端 / 技术 · 2022年2月15日 0

Echart 实现圆形仪表盘

广告位招租 (vx: ghostcode, 备注:网站广告)

Echart v4 默认情况下为非圆形:

那如何实现一个圆形仪表盘呢?

参数:

https://echarts.apache.org/v4/en/option.html#series-gauge.startAngle

角度的概念如下图:

圆环代码:

	tooltip: {
		formatter: '{a} <br/>{b} : {c}%'
	},
	series: [
		{
			name: '业务指标',
			type: 'gauge',
			detail: {formatter: '{value}%'},
			data: [{value: 45, name: '完成率'}],
			startAngle:0,
            endAngle:359.999,
		}
   ]