echarts-gauge

initGauge(){
      var mychart = echarts.init(document.getElementById('echarts_FGRQ'))
      mychart.setOption ({
        tooltip: {
            formatter: "{a} <br/>{b} : {c}%"
        },
        series: [
            {
              name: '人群覆盖',
              type: 'gauge',
              center: ["50%", "55%"],
              radius : "90%",
              detail: { 
                formatter: '{value}%',
                offsetCenter: [0, "40%"],
                color:'#29282A',
                fontSize : 22,
                rich : {
                    score : {
                        color : "red",
                        fontFamily : "微软雅黑",
                        fontSize : 12
                    }
                } 
              },
              data: [{ 
                value: 60.2, 
                name: '人群覆盖',
              }],
              axisLine : {
                show : true,
                lineStyle : { // 属性lineStyle控制线条样式
                    color : [ //表盘颜色
                        [ 0.5, "#5094F3" ],//0-50%处的颜色
                        [ 0.7, "#FF5BDDC5" ],//51%-70%处的颜色
                        [ 0.9, "#FFF5F5F6" ],//70%-90%处的颜色
                        [ 1,"##FFF5F5F6" ]//90%-100%处的颜色
                    ],
                    width : 10//表盘宽度
                }
              },
              splitLine : { //分割线样式（及10、20等长线样式）
                  show:false,
                  length : 10,
                  lineStyle : { // 属性lineStyle控制线条样式
                      width : 1
                  }
              },
              axisTick : { //刻度线样式（及短线样式）
                  show:false,
                  length : 2
              },
              axisLabel : { //文字样式（及“10”、“20”等文字样式）
                  show:false,
                  color : "red",
                  distance : 2 //文字离表盘的距离
              },
              pointer:{
                show:true,
                length: '75%',
                width:5

              }
            },
        ]
      })
    }