Echarts在线免费图表

 
            option = {
   "backgroundColor": "#1B232E",

   tooltip: {
      trigger: 'axis',
      axisPointer: {
         type: 'shadow'
      }
   },
   grid: {
    left: '1%',   // 距离容器左边的距离
    right: '7%',  // 距离容器右边的距离
    top: '5%',    // 距离容器顶部的距离
    bottom: '5%', // 距离容器底部的距离
    containLabel: true, // 包含坐标轴标签在内的所有内容
  },
   xAxis: {
      type: 'category',
      "data": [
         "氰一立式D03空压机中", "氰一立式D03空压机中", "氰一立式D03空压机中", "氰一立式D03空压机中", "氰一立式D03空压机中", "氰一立式D03空压机中", "氰一立式D03空压机中", "氰一立式D03空压机中", "氰一立式D03空压机中", "氰一立式D03空压机中"
      ],

      axisLabel: {
         interval: 0, // 设置为 0，表示强制显示所有标签
         rotate: -60, // 设置标签倾斜角度，负数表示逆时针旋转
         color: "#A9AEB2"//单位值的颜色
      },
      axisLine: {
         lineStyle: {
            color: '#A9AEB2'//轴线和单位颜色
         }
      },
      axisTick: {//刻度颜色
         lineStyle: {
            color: '#A9AEB2'
         }
      }
   },
   yAxis: {
      type: 'value',
      axisLabel: {
         color: 'rgba(219, 230, 255, 0.50)',
         fontSize: 12
      },
     axisLine: {
         lineStyle: {
            color: '#A9AEB2'
         },
      },
      axisTick: {
         lineStyle: {
            color: '#A9AEB2'
         },
      },
      splitLine: {
         "show": true,
         "lineStyle": {
            "color": [
               "#43485E"
            ],
            "width": 1,
            "type": "solid"
         },
   },
   dataZoom: [
      {
         type: 'inside'
      }
   ],
   },
   series: [
      {
         type: 'bar',
         barWidth: 25,
         itemStyle: {
            color: new echarts.graphic.LinearGradient(
               0, 0, 1, 1, [{
                  offset: 0,
                  color: '#FBD241'
               },
               {
                  offset: 1,
                  color: 'rgba(221, 186, 61, 0.10)'
               }
            ]
            )
         },
         data: [5000, 4550, 4100, 3650, 3200, 2750, 2300, 1850, 1400, 950],
      },
      
   ]
};