Echarts在线免费图表

 
            let option = {
   backgroundColor: '#fff',
   // tooltip: {},
   legend: {
      show: false
   },
   grid: {
      top: 110
   },
   xAxis: {
      type: "value",
      axisLine: {
         show: false,
         lineStyle: {
            color: 'rgba(189, 189, 189, 1)'
         }
      },
      axisLabel: {
         fontSize: 14,
         color: 'rgba(189, 189, 189, 1)'
      }
   },
   yAxis: {
      name: '单位：万人',
      type: "category",
      data: ['雪碧', '可乐', '冰红茶', '绿茶', '茶π', '红牛'],
      axisLine: {
         show: true,
         lineStyle: {
            color: 'rgba(189, 189, 189, 1)'
         }
      },
      axisTick: {
         show: false
      },
      axisLabel: {
         fontSize: 14,
         color: 'rgba(189, 189, 189, 1)'
      }
   },
   series: [
      {
         name: "",
         type: "bar",
         barWidth: 16,
         label: {
            show: true,
            // rotate: 60,
            position: "right",
            textStyle: {
               color: "rgba(54, 163, 255, 1)",
               fontSize: 14,
               fontFamily: "PingFangSC, PingFang SC"
            }
         },
         itemStyle: {
            normal: {
               color: 'rgba(76, 192, 158, 0.35)',
               borderColor: 'rgba(76, 192, 158, 1)',
               borderWidth: 1
            }
         },
         data: [10, 2, 3, 4, 5, 65]
      }
   ]
};