Echarts在线免费图表

 
            let value = [85];

option = {
  grid: {
    	top:"48",
      bottom:"56",
  },
  xAxis: {
    show: false,
    type: "value",
    boundaryGap: [0, 0],
    max:100
  },
  yAxis: {
    type: 'category',
    axisTick: 'none',
    axisLine: 'none',
    show: true,
    position:"right",
    axisLabel: {
      padding:[-5,-30,0,0],
      align:"right",
      verticalAlign:"top",
      textStyle: {
        color: '#397EF0',
        fontSize: '14',
        fontFamily:"Source Han Sans CN-Regular"
      },
	    formatter: '{value}%'
    },
    data:value
  },
  series: [
    {
      data: value,
      type: 'bar',
      barWidth:14,
      showBackground:true,
      backgroundStyle:{
        borderRadius: 50,
        color:"#E7EAF0"
      },
      itemStyle:{
        color:{
          x: 1,
          y: 0,
          x2: 0,
          y2: 0,
          colorStops: [{
            offset: 0,
            color: '#2AB0FF' // 0% 处的颜色
          }, {
            offset: 1,
            color: '#494CF3' // 100% 处的颜色
          }],
        },
        borderRadius: 50,
      },
    },{
      name: '圆',
      type: 'scatter',
      data: value,
      label:"none",
      symbolSize: 16,
      itemStyle: {
        borderColor: 'rgba(42, 176, 255, 0.32)',
        borderWidth:14,
        color: {
          x: 1,
          y: 0,
          x2: 0,
          y2: 0,
          colorStops: [{
            offset: 0,
            color: '#2AB0FF' // 0% 处的颜色
          }, {
            offset: 1,
            color: '#494CF3' // 100% 处的颜色
          }],
        },
        opacity: 1,
      },
      z: 2
  }]
};