echarts柱状图datazoom滑动

对于 ECharts 柱状图的 dataZoom 滑动功能，可以通过以下步骤来实现：

1. 在引入 ECharts 库后，创建一个图表实例：

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

2. 定义 x 轴和 y 轴的数据：

var xAxisData = ['A', 'B', 'C', 'D', 'E'];
var seriesData = [120, 200, 150, 80, 70];

3. 创建图表的配置项，包括 x 轴、y 轴以及柱状图的数据：

var option = {
  xAxis: {
    type: 'category',
    data: xAxisData
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    type: 'bar',
    data: seriesData
  }]
};

4. 添加 dataZoom 组件到配置项中，设置其属性以实现滑动功能：

option.dataZoom = {
  type: 'slider',  // 设置为滑动条型式
  start: 0,  // 开始位置百分比
  end: 30  // 结束位置百分比
};

5. 使用 setOption 方法将配置项应用到图表实例中：

myChart.setOption(option);

这样就完成了 ECharts 柱状图的 dataZoom 滑动功能的实现。你可以根据实际需求调整 start 和 end 的百分比值以控制初始显示范围。