Echarts在线免费图表

 
            option = {
   title: [{
      text: "45.5%",
      x: 'center',
      top: '44%',
      textStyle: {
         fontSize: 18,
         fontWeight: 600
      },
   }, {
      text: '在线率',
      x: 'center',
      top: '47%',
      textStyle: {
         fontSize: 14,
         fontWeight: 400
      },
   }],
   series: [
      // 内侧环
      {
         type: "gauge",
         radius: '100',
         center: ["50%", "50%"],
         min: 0,
         max: 100,
         startAngle: 180,
         endAngle: 0,
         axisLine: {
            show: true,
            lineStyle: {
               // 轴线样式
               width: 30, // 宽度
               color: [
                  [0, '#E1F8E4'],
                  [1, '#E1F8E4']
               ],
            }
         },
         axisTick: {
            // 刻度
            show: false
         },
         splitLine: {
            // 分割线
            show: false
         },
         axisLabel: {
            // 刻度标签
            show: false
         },
         detail: {
            // 仪表盘详情
            show: false
         }
      },
      // 外侧环
      {
         type: "gauge",
         radius: '100',
         center: ["50%", "50%"],
         min: 0,
         max: 100,
         startAngle: 180,
         endAngle: 0,
         axisLine: {
            show: true,
            lineStyle: {
               // 轴线样式
               width: 12, // 宽度
               color: [
                  [(45.5 / 100).toFixed(2), '#00C724'],
                  [1, '#BFFEC8']
               ], // 颜色

            }
         },
         pointer: {
            // 仪表盘指针
            show: false,
         },
         axisTick: {
            // 刻度
            show: false
         },
         splitLine: {
            // 分割线
            show: false
         },
         axisLabel: {
            // 刻度标签
            show: false
         },
         detail: {
            // 仪表盘详情
            show: false
         }
      }
   ]
};