如何在ECharts折线图中实现鼠标悬停时仅显示X轴标线而隐藏Y轴标线的效果？

在ECharts折线图中，实现鼠标悬停时只显示X轴标线而隐藏Y轴标线，可以通过设置`xAxis`和`yAxis`的`axisLabel.show`属性以及`silent`选项来实现。当鼠标悬停时，我们可以改变这些属性的状态，使其在非悬浮状态下保持隐藏。

以下是具体的步骤：

1. 首先，在常规配置中设置`xAxis`和`yAxis`的`axisLabel`默认为`show: false`，隐藏它们：

option = {
    xAxis: {
        axisLabel: { show: false }
    },
    yAxis: {
        axisLabel: { show: false }
    },
    // ... 其他图表配置
};

2. 然后，创建一个自定义的鼠标悬停事件处理函数，例如 `hoverEvent`，在其中更新这两个属性：

var hoverEvent = function (params) {
    if (params.type === 'mouseover') {
        option.xAxis.axisLabel.show = true;
        option.yAxis.axisLabel.show = false;
    } else if (params.type === 'mouseout') {
        option.xAxis.axisLabel.show = false;
        option.yAxis.axisLabel.show = false; // 或者你可以设置回默认状态
    }
    myChart.setOption(option); // 更新图表选项
};

myChart.on('mousemove', hoverEvent);

通过这种方式，当你鼠标悬停在折线图上时，只有X轴的标签会显示出来，而Y轴的标签则会被隐藏。