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

托尼雪碧东
  • -1
新手上路,请多包涵


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

  1. 事先处理数据

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

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

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

回复
阅读 214
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏