echarts横向柱状图自动滚动

对于ECharts中的横向柱状图自动滚动，你可以尝试使用ECharts提供的数据动态更新功能来实现。下面是一个简单示例：

首先，你需要引入ECharts库和创建一个容器来显示图表：

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

然后，你可以使用以下Javascript代码来创建并更新图表：

// 初始化图表
var myChart = echarts.init(document.getElementById('chartContainer'));

// 设置初始数据
var data = [
  { name: 'A', value: 10 },
  { name: 'B', value: 20 },
  { name: 'C', value: 30 },
  { name: 'D', value: 40 },
  { name: 'E', value: 50 }
];

// 定义定时器
var timer = setInterval(updateChart, 2000); // 每两秒钟更新一次图表

// 更新图表数据
function updateChart() {
  // 移除第一个数据
  data.shift();
  
  // 随机生成一个新的数据
  var newValue = Math.floor(Math.random() * 50) + 1;
  data.push({ name: String.fromCharCode(data.length + 65), value: newValue });
  
  // 更新图表
  myChart.setOption({
    series: [
      {
        type: 'bar',
        data: data
      }
    ]
  });
}

上述代码示例中，我们使用setInterval函数和updateChart函数来定时更新图表数据。每两秒钟，我们将移除最左侧的柱状图数据，同时生成一个新的随机数据，并将更新后的数据重新渲染到图表中。

你可以根据实际需求修改上述代码来适应你的项目。希望对你有所帮助！