【echarts折线图负值areaStyle在折线图下方】

🕗 发布于 2024-11-12 22:23 echarts 前端 javascript

项目场景：

echarts折线图负值areaStyle在折线图下方。
echarts绘制负数的向下的水面，不能围绕0绘制，要从最低位置-4到1的水面。
在这里插入图片描述

问题解决

当echarts折线图的数据有赋值的时候，areaStyle颜色区域会出现在折线图上方，这并不是我想要的效果，我想要的是areaStyle区域要一直处在折线图下方

例如：绘制的折线在上方了，这样是错误的。需要在折线的下方。
在这里插入图片描述
我们可以通过修改origin: 'start’来实现我们想要的效果

areaStyle: {
  normal: {
    origin: 'start',
    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
      offset: 0,
      color: 'rgba(255, 126, 0, 0.1)'
    },
      {
        offset: 1,
        color: 'rgba(255, 126, 0, 0)'
      }
    ], false),
  }
},

修改后的效果：
在这里插入图片描述

原文链接：
https://www.wanjunshijie.com/note/echarts/7040.html

原文地址：https://blog.csdn.net/yinchoushi8780/article/details/143693291

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！

上一篇：Nginx中实现流量控制(限制给定时间内HTTP请求的数量)示例
下一篇：【RabbitMQ】07-业务幂等处理

Win10下完全卸载Anaconda
在数据科学和机器学习的世界中，Anaconda是一款非常受欢迎的工具，它提供了一个方便的包管理系统和预装的科学计算库。然而，有时我们可能需要从系统中卸载Anaconda。本文将介绍在Windows 1
阅读更多2024-11-17
2025 年请假攻略！
今日面试题：什么是 Java 内部类？它有什么作用？
阅读更多2024-11-16
UDP协议
源端口：发送方进程bind的端口目的端口：接受方进程bind的端口udp的长度：包括报头和有效载荷最大为216（65535byte) 这就要求应用层将超过udp最大长度的数据，进行分割，分割为小于等
阅读更多2024-11-16
项目风险管理的3大要素
在项目管理领域，风险是一个具有双重性质的概念，它既包含可能带来积极影响的机会，也包含可能产生消极影响的威胁，然而，在日常交流中，人们往往只关注风险的负面方面，这种偏见可能导致错失利用潜在机会的可能性。
阅读更多2024-11-16
第3关 Java分支结构之多重if
多重 if 结构在 Java 编程中非常实用，可以根据不同的情况执行不同的代码，使程序更加灵活。但在使用时，要注意条件的顺序和合理性，以确保程序的正确性。在 Java 编程中，分支结构是控制程序流程的
阅读更多2024-11-16
用户态协议栈与内核模块通信机制
在传统的操作系统架构中，网络协议栈通常运行在内核态中，而应用程序则运行在用户态中。随着一些现代操作系统架构的变化，用户态协议栈逐渐成为一种趋势，尤其是对于高性能网络应用和定制协议栈的开发（例如：DPD
阅读更多2024-11-16
生成模型——PixelRNN与PixelCNN
PixelRNN 是一种基于循环神经网络（RNN）的像素级生成模型，通过逐个像素地生成图像来构建完整的图像，其核心思想是将图像中的像素视为序列，并利用 RNN 的能力来捕捉像素之间的依赖关系。Pixe
阅读更多2024-11-16
C/C++静态库引用过程中出现符号未定义的处理方式
【代码】静态库引用出现符号未定义的处理方式。
阅读更多2024-11-16
Docker compose部署Activemq
整个工具的代码都在Gitee或者Github地址内。
阅读更多2024-11-16
安全见闻8
声明：学习视频来自b站up主泷羽sec，如涉及侵权马上删除文章声明：本文主要用作技术分享，所有内容仅供参考。任何使用或依赖于本文信息所造成的法律后果均与本人无关。请读者自行判断风险，并遵循相关法律法
阅读更多2024-11-16

【echarts折线图负值areaStyle在折线图下方】

项目场景：

问题解决

相关文章