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

大家好，我们又见面了啊~本文《如何在 ECharts 中始终显示标记线（markLine），即使数据明显低于上限？》的内容中将会涉及到等等。如果你正在学习文章相关知识，欢迎关注我，以后会给大家带来更多文章相关文章，希望我们能一起进步！下面就开始本文的正式内容~

如何在 echarts 中始终显示标记线（markline）

问题：

在 echarts 中，标记线（markline）用于表示图表中的上限或下限。不过，当数据明显低于上限时，上限标记线将不显示。如何解决此问题，始终显示上限标记线？

解决方案：

可以使用曲线救国的方法解决：

当上限大于数据最大值时，将 y 轴最大值设为上限。

具体代码：

// 获取 y 轴最大值
var max = data.map(function (item) {
    return item.value;
}).sort(function (a, b) {
    return b - a;
})[0];

// 判断上限是否大于 y 轴最大值，若大于则将最大值设为上限
if (max < upperLimit) {
    option.yAxis.max = upperLimit;
}

// ... 其余 ECharts 代码

通过将 y 轴最大值设为上限，即使数据最大值远低于上限，上限标记线也能始终显示。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《如何在 ECharts 中始终显示标记线（markLine），即使数据明显低于上限？》文章吧，也可关注golang学习网公众号了解相关技术文章。