Echarts在线免费图表

 
            const color = new echarts.graphic.LinearGradient(0, 0, 1, 0, [
   {
      offset: 0,
      color: '#29FEE2', // 0% 处的颜色
   },
   {
      offset: 1,
      color: '#026CFF', // 100% 处的颜色
   },
]);

option = {
   backgroundColor:'#0c2d55',
   title: {
      zlevel: 0,
      text: '40%',
      top: '45%',
      left: '40%',
      textAlign: 'center',
      textStyle: {
         color: '#1B98FE',
         fontSize: 50,
      },
   },
   series: [
      {
         type: 'gauge',
         center: ['40%', '50%'],
         startAngle: 90,
         endAngle: -259.999,
         splitNumber: 8,
         radius: '40%',
         pointer: {
         show: false,
         },
         progress: {
         show: false,
         roundCap: true,
         width: 0,
         },
         axisLine: {
         show: true,
         lineStyle: {
            width: 0,
            color: [
               [0.4, color],
               [1, '#F5F7F9'],
            ],
         },
         },
         axisTick: {
         distance: -25,
         length: 20,
         splitNumber: 5,
         lineStyle: {
            width: 7,
            color: 'auto',
            cap: 'round'
         },
         },
         splitLine: {
         show: false,
         distance: 0,
         length: 10,
         lineStyle: {
            width: 10,
            color: '#099fe4',
         },
         },
         axisLabel: {
         show: false,
         },
         anchor: {
         show: false,
         },
         title: {
         show: false,
         },
         detail: {
         show: false,
         },
         data: []
      }
   ]
};