echars 柱状图分类如何设置category分类 左右滚动 限制滚动条可选展示最大值为前20条，不要百分比

对于 ECharts 柱状图中的分类设置，可以通过 x 轴的 type 属性设置为 category 来实现。如果想要实现左右滚动，可以设置 x 轴的 axisLabel.overflow 属性为 'scroll'，同时设置 x 轴的 axisLabel.rotate 属性为 -45 或者 -90，以便更好地显示分类名称。

限制滚动条可选展示最大值为前20条，可以设置 dataZoom 组件的 start 和 end 属性，将其限制在前20条数据的范围内。具体代码如下：

option = {
  xAxis: {
    type: 'category',
    data: ['分类1', '分类2', '分类3', '分类4', '分类5', '分类6', '分类7', '分类8', '分类9', '分类10', '分类11', '分类12', '分类13', '分类14', '分类15', '分类16', '分类17', '分类18', '分类19', '分类20', '分类21', '分类22', '分类23', '分类24', '分类25', '分类26', '分类27', '分类28', '分类29', '分类30', '分类31', '分类32', '分类33', '分类34', '分类35', '分类36', '分类37', '分类38', '分类39', '分类40']
    axisLabel: {
      rotate: -45,
      overflow: 'scroll'
    },
    dataZoom: [{
      type: 'slider',
      start: 0,
      end: 19,
      filterMode: 'filter'
    }]
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    data: [10, 30, 50, 20, 40, 60, 80, 70, 90, 30, 50, 20, 40, 60, 80, 70, 90, 30, 50, 20, 40, 60, 80, 70, 90, 30, 50, 20, 40, 60, 80, 70, 90, 30, 50, 20, 40, 60, 80, 70, 90],
    type: 'bar'
  }]
};

上面的代码中，xAxis 中的 data 数组包含了所有的分类名称，同时设置了axisLabel.rotate为-45，以便更好地显示分类名称。dataZoom 组件的 start 和 end 属性分别设置为 0 和 19，表示将滚动条限制在前20条数据的范围内。最后，series 中的 data 数组包含了所有的数据，type 设置为 'bar'，表示绘制柱状图。