Echarts在线免费图表

 
             var fontColor = "#fff";
 let noramlSize = 16;
 var datas = {
     value: 78,
     company: "%",
     ringColor: [{
         offset: 0,
         color: '#02d6fc' // 0% 处的颜色
     }, {
         offset: 1,
         color: '#367bec' // 100% 处的颜色
     }]
 }
 var option = {
     color: ['#282c40'],
     series: [{
         name: 'Line 1',
         type: 'pie',
         clockWise: false,
         radius: ['50%', '60%'],
         itemStyle: {
             normal: {
                 label: {
                     show: false
                 },
                 labelLine: {
                     show: false
                 }
             }
         },
         hoverAnimation: false,
         data: [{
             value: datas.value,
             name: '',
             itemStyle: {
                 normal: {
                     color: { // 完成的圆环的颜色
                         colorStops: datas.ringColor
                     },
                     label: {
                         show: false
                     },
                     labelLine: {
                         show: false
                     }
                 }
             }
         }, {
             name: '',
             value: 100 - datas.value,
             itemStyle:{
                 normal:{
                     color:'#e1e9f4'
                 }
             }
         }]
     }]
 };