Echarts在线免费图表

 
            var value = 0.3,
data = [value, value],
option = {
   backgroundColor: '#010414',
   series: [{
      name: '水球图',
      type: 'liquidFill',
      outline: {
         show: false
      },
      shape: 'path://M 1527 829 s 67 66.7 67 109.5 s -30 77.5 -67 77.5 s -67 -34.7 -67 -77.5 S 1527 829 1527 829 Z',
      radius: '90%',
      data: data,
      color: ['#0861d1'],
      outline: {
         borderDistance: 0,
         itemStyle: {
            borderWidth: 3,
            borderColor: '#207cdb',
            // shadowBlur: 20,
            // shadowColor: 'rgba(33, 146, 149, 1)'
         }
      },
      backgroundStyle: {
         color: new echarts.graphic.RadialGradient(.5, .5, .7, [{
               offset: 0,
               color: '#0a225e'
            },
            {
               offset: .5,
               color: '#0b215d'
            },
            {
               offset: 1,
               color: '#207cdb'
            }
         ], false),
      },
      label: {

         normal: {
            formatter: '{c}%\n\n抄表进度',
            textStyle: {
               color: '#03e1fc',
               fontSize: 16
            }
         }

      }

   }]
};