ECharts 中如何让标记线（markLine）始终显示，即便数据明显低于上限

在使用 ECharts 进行数据可视化时，我们常常会遇到这样的需求：让标记线（markLine）始终保持显示状态，即便数据明显低于上限。这一功能在很多场景下都至关重要，比如监控系统中的阈值提醒、业绩指标对比等。接下来，我们就深入探讨如何实现这一效果。

我们要理解 ECharts 中标记线的基本原理。标记线是用于在图表中标记特定的数据点或数据范围的线条，它能够突出显示关键信息。默认情况下，ECharts 的标记线会根据数据的范围和比例进行显示，当数据远低于上限时，标记线可能会因为图表自动缩放而隐藏。

要解决这个问题，关键在于对 ECharts 的配置项进行调整。我们可以通过设置 yAxis 的 min 和 max 属性来固定纵坐标轴的范围。例如，在配置项中明确指定 yAxis 的最小值和最大值：

option = {
    yAxis: {
        min: 0,
        max: 100
    },
    series: [
        {
            type: 'line',
            data: [10, 20, 30]
        }
    ],
    markLine: {
        data: [
            {
                yAxis: 50
            }
        ]
    }
};

在上述代码中，我们将 yAxis 的最小值设为 0，最大值设为 100，这样无论数据实际值是多少，纵坐标轴范围固定，标记线也就能够始终显示。

另外，还可以通过使用 ECharts 的 dataZoom 组件来辅助实现。dataZoom 组件可以对数据进行缩放和平移操作。通过设置其属性，我们可以让图表在显示数据时，保持一定的比例和范围，从而确保标记线不被隐藏。例如：

option = {
    dataZoom: [
        {
            type: 'inside',
            start: 0,
            end: 100
        }
    ],
    yAxis: {
        min: 'dataMin',
        max: 'dataMax'
    },
    series: [
        {
            type: 'line',
            data: [10, 20, 30]
        }
    ],
    markLine: {
        data: [
            {
                yAxis: 50
            }
        ]
    }
};

这里通过 inside 型的 dataZoom 组件，设置初始的缩放范围为 0 到 100，同时 yAxis 的最小值和最大值根据数据自动调整，结合起来保证标记线的稳定显示。

通过上述方法，我们就能在 ECharts 中轻松实现让标记线始终显示，即使数据明显低于上限，为数据可视化提供更稳定、直观的展示效果。