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) } ,
