echarts 横向柱状图滚动

您好！对于echarts横向柱状图的滚动功能，可以通过设置数据的方式来实现。首先，需要使用echarts的dataZoom组件来实现滚动效果。具体步骤如下：

1. 引入echarts库和dataZoom组件：

<script src="https://cdn.staticfile.org/echarts/4.9.0/echarts.min.js"></script>
<script src="https://cdn.staticfile.org/echarts/4.9.0/extension/dataZoom.min.js"></script>

2. 创建一个具有固定宽度的容器，用来显示echarts图表：

<div id="chart" style="width: 600px; height: 400px;"></div>

3. 初始化echarts实例，并配置dataZoom组件：

var myChart = echarts.init(document.getElementById('chart'));

// 定义图表的配置项和数据
var option = {
    ...
    dataZoom: {
        type: 'slider',
        orient: 'horizontal',
        show: true,
        start: 0,
        end: 100
    },
    ...
};

// 使用刚指定的配置项和数据显示图表
myChart.setOption(option);

在上述代码中，dataZoom是一个对象，其中type指定滚动条的类型为slider，orient指定为水平方向，show设置为true表示显示滚动条，start和end分别指定滚动条的起始和结束位置。

4. 填充图表数据并更新图表：

// 填充横向柱状图的数据
var data = [/* your data here */];

option.series = [{
    type: 'bar',
    data: data
}];

// 使用刚指定的配置项和数据更新图表
myChart.setOption(option);

请根据您的实际需求，将代码中的`/* your data here */`替换为您具体的数据。

通过以上步骤，您可以实现echarts横向柱状图的滚动效果。希望能对您有所帮助！如果有更多问题，请随时提问。