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

发布于 2022-09-13 01:15:06 字数 491 浏览 20 评论 0


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

  1. 事先处理数据

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

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文