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

百变鹏仔 2个月前 (11-26) #echarts

文章标签上限

如何在 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），即使数据明显低于上限？

详解在React 组件中使用Echarts的正确姿势

PHP 使用Echarts生成数据统计报表详解

canvas使用贝塞尔曲线平滑拟合折线段的方法详解

echarts实现去掉X轴、Y轴和网格线效果实例分享

vue.js将echarts封装为组件一键使用