Echarts在线免费图表

 
            var data = [23, 20, 17, 18, 9, 15, 6, 13, 18];
option = {
   aria: {
      decal: {
         enabled: true,
         decal: {
            show: true
         }
      }
   },
   tooltip: {
      trigger: 'axis',
      axisPointer: {
         type: 'shadow'
      }
   },
   legend: {
      data: ['主系列']
   },
   grid: {
      left: '3%',
      right: '4%',
      bottom: '3%',
      containLabel: true,
   },
   backgroundColor: '#002146',
   xAxis: {
      type: 'value',
      boundaryGap: [0, 0.01],
      axisLabel: {
         color: "#fff",
      }
   },
   yAxis: {
      type: 'category',
      data: [
         '维度a',
         '维度b',
         '维度c',
         '维度d',
         '维度e',
         '维度f',
         '维度g',
         '维度h',
         '维度i'
      ],
      axisLabel: {
         color: "#fff",
      },
      axisTick: {
         show: false
      }
   },
   series: [
      {
         name: '主系列',
         type: 'bar',
         data: data,
         z: 1,
         color: {
            type: 'linear',
            x: 0,
            y: 0,
            x2: 1,
            y2: 0,
            colorStops: [
               {
                  offset: 0,
                  color: '#01F9FF' // 0% 处的颜色
               },
               {
                  offset: 1,
                  color: '#3EA0EF' // 100% 处的颜色
               }
            ]
         },
         // 无障碍花纹实现斜纹
         itemStyle: {
            borderRadius: 30,
            borderWidth: 0,
            decal: {
               color: '#0E89EB',
               symbol: 'rect',
               symbolSize: 1,
               dashArrayY: [1, 0],
               dashArrayX: 30,
               rotation: 60
            }
         },
         barWidth: 30
      },
      //  再覆盖一层颜色
      {
         name: '主系列',
         type: 'bar',
         data: data,
         barGap: '-100%',
         z: 2,
         color: {
            type: 'linear',
            x: 0,
            y: 0,
            x2: 1,
            y2: 0,
            colorStops: [
               {
                  offset: 0,
                  color: 'rgba(1,249,266,1)' // 0% 处的颜色
               },
               {
                  offset: 0.2,
                  color: 'rgba(1,249,266,1)' // 0% 处的颜色
               },
               {
                  offset: 1,
                  color: 'rgba(62,160,239,0)' // 100% 处的颜色
               }
            ]
         },
         itemStyle: {
            borderRadius: 30,
            borderWidth: 0
         },
         barWidth: 30
      }
   ]
};