Echarts在线免费图表

 
            
option = {
  // backgroundColor: 'rgba(35,43,46)',
  series: [
    {
      name: '刻度',
      type: 'gauge',
      radius: '20%',
      z: 1,
      min: 0,
      max: 1,
      center:  ['50%', '48%'],
      splitNumber: 5, //刻度数量
      startAngle: 185,
      endAngle: -60,
      axisLine: {
        show: true,
        lineStyle: {
          width: 0,
          color: [[1, '#3A61CE']]
        }
      },
      //仪表盘轴线
      axisLabel: {
        show: false
      },
      //刻度标签。
      axisTick: {
        show: true,
        lineStyle: {
          color: 'auto',
          width: 2
        },
        length: -15
      },
      //刻度样式
      splitLine: {
        show: true,
        length: 0,
        lineStyle: {
          color: 'auto',
          width: 2
        }
      },
      //分隔线样式
      detail: {
        show: false
      },
      pointer: {
        show: false
      },
    }, {
      name: '功率因素:',
      type: 'gauge',
      radius: '50%',
      min: 0,
      max: 1000,
      center: ['50%', '48%'],
      data: [{ value: 100, name: '功率因素:' }],
      splitNumber: 10, //刻度数量
      startAngle: 185,
      endAngle: -60,
      z: 2,
      axisLine: {
        show: true,
        lineStyle: {
          width: 0,
          color: [[1, '#3A61CE']]
        }
      },
      //仪表盘轴线
      axisLabel: {
        show: false,
      },
      //刻度标签。
      axisTick: {
        splitNumber: 5,
        show: true,
        lineStyle: {
          color: '#7FD3F4',
          width: 2
        },
        length: -15
      },
      //刻度样式
      splitLine: {
        show: true,
        length: -25,
        lineStyle: {
          color: 'auto',
          width: 3
        },
      },
      detail: {
        formatter: function(params){
          return params + " " +'rd/s' + '\n' +"平均输入流量值"
        },
        fontSize: 25,
        color: "#FF8D1A",
        offsetCenter: ['-50%', '50%']
      },
      title: {
        show: false
      },
      pointer: {
        shadowColor: 'auto',//默认透明
        shadowBlur: 10,
        show: true,
        length: '80%',
        width: 3, //指针粗细
      },
        //分隔线样式
      itemStyle: {
        normal: {
          color: "#3A61CE" //指针颜色
        }
      },
      anchor: {
        show: true,
        showAbove: true,
        size: 15,
        itemStyle: {
          borderWidth: 5,
          borderColor: '#AED2FC',
          color:'#3A61CE'
        }
      },
    }
  ]
};