如何实现在ECharts中，当X轴滚动条被拖动时Y轴自动显示/不被隐藏的效果？

在ECharts中，为了实现当X轴滚动条被拖动时Y轴自动显示而不是被隐藏的效果，你需要设置图表的一些属性来确保其交互性。以下是一个基本步骤：

1. **初始化配置**：
创建ECharts实例，并在配置中指定`responsive`属性，这将允许图表在容器大小改变时动态调整布局。

   var myChart = echarts.init(document.getElementById('main'), 'macarons');
   myChart.setOption({
       responsive: true,
   });

2. **启用数据视图**：
数据视图(Data View) 可以帮助你在图表的某个部分进行聚焦，而不会隐藏其他部分。在配置选项中添加`dataView`。

   myChart.setOption({
       dataView: {
           // 其他数据视图配置
           autoShow: true, // 自动显示数据视图
       },
   });

3. **设置轴滚动事件监听**：
ECharts 提供了 `resizeHandler` 和 `scrollbar` 相关的事件处理，可以监听 X 轴滚动条的变化。例如：

   myChart.on('scrollbar dragging', function (params) {
       // params.event 里包含了滚动事件的信息，如 scrollLeft
       if (params.event.scrollLeft !== undefined) {
           // 根据需要调整 Y 轴的行为
           myChart.axisPointer.axisIndex = 'y'; // 如果需要对Y轴指针操作
           myChart.axisPointer.resize(); // 更新轴指向的位置
       }
   });

4. **调整轴显示**：
如果你想控制Y轴的显示/隐藏，可以在轴的配置中设置 `show` 属性。例如，在 X 轴滚动更新后检查并设置 Y 轴的状态：

   function updateAxisDisplay() {
       if (!myChart.barChartOption xAxisParams.showWhenScroll) {
           // 设置Y轴的 show 当 X轴不在滚动范围
           myChart.setOption({
               yAxis: { show: false }
           });
       } else {
           // 显示Y轴
           myChart.setOption({
               yAxis: { show: true }
           });
       }
   }

   updateAxisDisplay(); // 初始加载后执行一次
   myChart.on('scrollbar dragging', updateAxisDisplay); // 滚动事件触发时更新

记得替换上述代码中的 `xAxisParams.showWhenScroll` 为你实际的需求条件。