柱状图放大缩小

描述:当前是关于Echarts图表中的 柱状图 示例。
 
            var chartsData = {
   "xaxis": ["摄像头", "监测仪", "水位计", "雨量计", "液位计", "多采集仪", "燃气监测仪", "压力计", "温度仪", "传感器", "倾角仪", "水准仪", "应变仪", "消火栓智能监测仪", "室内可燃气体监测仪", "供水流量计", "非接挠度监测仪", "反射靶标", "湿度计", "外夹式超声波流量计", "温湿度仪", "氧气探测仪", "入侵声光报警器", "CH4传感器", "排水泵", "感温探测器", "灯杆雷达液位计", "灯杆信息发布屏", "灯杆公共广播设备", "视频分析终端", "消防物联网信息网关", "室内水压监测仪", "电气控制柜监测仪", "光电感烟火灾探测报警器", "火灾监控探测器", "监测终端设备", "电梯轿互动屏", "可燃测仪", "井盖感器", "电测仪", "分析终端", "可仪", "摄像机", "入侵报警探测器", "声光报警器", "紧急电话副机", "紧急电话主机", "感温火灾探测器", "线型光纤感温火灾探测器", "感烟火灾探测器", "火灾报警按钮", "火灾探测器", "火灾显示盘设备", "消防泵", "CO监测设备", "监测设备", "监测设备", "机械风机", "排风风机", "应急照明", "红探测", "枪机摄像机", "隧水位监测站", "低站", "电弧灭传感器", "其它"], "xyxis": [203057, 11, 77, 29, 43, 1121, 5085, 8950, 727, 12, 1540, 222, 172, 527, 368, 338, 1867, 390, 15, 4, 4, 173, 222, 19, 383, 382, 2585, 83, 86, 1, 150, 150, 150, 152, 6, 184, 24, 390, 206, 15, 15, 23, 16236, 9, 7, 21, 1, 2, 1, 1, 1, 1, 336, 1, 1, 1, 61, 263, 222, 261, 26, 133, 136, 137, 251, 605, 43, 130, 20, 455, 21, 254, 22, 745, 2346, 322, 297, 4, 19, 2450, 29884, 3, 29959, 1, 580, 4108, 194, 471, 555, 198, 3943, 280819, 30, 378186, 4004, 11, 9, 136, 69, 100, 108, 157, 148, 2, 20, 736, 43, 126, 64, 222, 225],
}
option = {
   backgroundColor: '#011234',
   grid: {
      left: '6%',
      right: '20px',
      bottom: '20px',
      top: '20px'
   },
   xAxis: {
      type: 'category',
      data: chartsData.xaxis
   },
   yAxis: {
      type: 'value'
   },
   tooltip: {
      trigger: 'axis'
   },
   dataZoom: [
      {
         show: true,
         realtime: true,
         zoomLock: true,
         start: 0,
         end: 5,
         bottom: -25,
         xAxisIndex: [0, 1]
      },
      {
         type: 'inside',
         realtime: true,
         xAxisIndex: [0, 1]
      }
   ],
   series: [
      {
         data: chartsData.xyxis,
         type: 'bar'
      }
   ]
};