本文主要是介绍echarts半圆进度条半圆饼图，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
drawmonthproduce(){this.monthproduce = echarts.init(document.getElementById('monthproduce'));var data = 60; //数值大小var max = 100; //满刻度大小this.monthproduce.setOption({title: [{text: data + '%', left: '50%',top: '70%',textAlign: 'center',textStyle: {// fontWeight: 'normal',fontSize: '38',color: '#2DF290',textAlign: 'center',},}, {text: '完成占比',left: '50%',top: '45%',textAlign: 'center',textStyle: {color: '#fff',fontWeight: 'normal',fontSize: '18',textAlign: 'center',},},],color: ["#fff", 'rgba(255,255,255,.4)','transparent'],series: [{type: "pie",startAngle: 190,center: ["50%", "100%"],radius: ["180%", "200%"],hoverAnimation: false,labelLine: {show: false},data: [{name: "",value: data,itemStyle: {normal: {show: true,color: '#2DF290'},},},{ //画中间的图标name: "",value: 0,}, { //画剩余的刻度圆环name: "",value: max - data,}, { //画剩余的刻度圆环name: "",value:80,},]}]},true)},
这篇关于echarts半圆进度条半圆饼图的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
