echarts x轴数据过多左右滚动显示

echarts x轴数据过多左右滚动显示

今天在使用echarts做柱状图时，遇到x轴数据过多的情况，全部显示的话，柱状图都挤到一起了。

所以想让它可以显示一部分，其余部分滚动显示，就可以配置dataZoom，它与xAxis、yAxis并列，简单配置后，就可以实现x轴刻度左右滚动了。

代码如下：

dataZoom: [
          {
            type: "slider",
            show: true,
            xAxisIndex: [0],
            start: 0,
            end: 49,
            textStyle:{
              color:"#ccd7d7"
            }
          },
        ],

我只做了简单的配置，这个配置项还可以实现很多丰富的功能和效果，其他复杂的配置，可以参考echarts官网。