echarts如何实现折线图自定义markarea或自定义标记区域

• Z时代
• 2024-03-07
• 分类：IT

如图所示，echarts能否实现在折现超过警戒线上限和下限时绘制出超出区域的markarea，想了几个方法都无法实现，方法和原因如下：

1. 事先处理数据

   • 方法：拿到数据时先计算得出超过上限和下限的坐标数据，在对应坐标点区间内设置markarea
   • 局限：线图数据较少，密度比较低，如果一个数据点在正常范围内，另一个不在正常范围内，两个坐标点之间线段是echarts自动生成的，获取不到与警戒线相交的坐标点信息

2. 自定义图像绘制

   • 方法：series.type设置为custom,自定义图像绘制，再使用clipPointsByRect得到对应坐标点位置进行绘制
   • 局限：这个方法绘制的是折线，不是markarea，方法也无法实现此样式要求

请问一下是否有方法实现这样的需求，是否绘制markarea都可以

以上是 echarts如何实现折线图自定义markarea或自定义标记区域 的全部内容， 来源链接： utcz.com/p/936035.html