echars横向柱状图多个高度超出加上下滚动条

您可以通过设置 Echarts 的 grid 和 dataZoom 组件来实现横向柱状图的多个高度超出加上下滚动条的效果。

首先，需要在 Echarts 中定义 grid 组件，设置其属性为 containLabel: true，表示 grid 包含坐标轴标签和标题等元素。

其次，需要在 Echarts 中定义 dataZoom 组件，设置其属性为 orient: 'vertical'，表示 dataZoom 组件为纵向滚动条。同时，设置其属性为 type: 'slider'，表示 dataZoom 组件为滑动条类型。最后，设置其属性为 show: true，表示显示 dataZoom 组件。

下面是一个示例代码：

option = {
  grid: {
    containLabel: true
  },
  xAxis: {
    type: 'value'
  },
  yAxis: {
    type: 'category',
    data: ['A', 'B', 'C', 'D', 'E', 'F']
  },
  series: [
    {
      name: '柱状图',
      type: 'bar',
      data: [10, 20, 30, 40, 50, 60]
    }
  ],
  dataZoom: [
    {
      type: 'slider',
      orient: 'vertical',
      show: true
    }
  ]
};

在这个示例中，x 轴为数值轴，y 轴为类目轴，series 中的 data 数组表示柱状图的高度，dataZoom 表示纵向滑动条。当多个柱状图高度超出时，便会出现上下滚动条。