echarts折线图渐变

最新推荐文章于 2024-07-31 00:25:36 发布

qq_41521625

最新推荐文章于 2024-07-31 00:25:36 发布

阅读量485

点赞数

文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/qq_41521625/article/details/127431585

版权

本文介绍了如何在Echarts 5.0版本中创建具有渐变效果的折线图，通过调整配置项实现视觉上的平滑过渡，提升图表的美观度。

摘要由CSDN通过智能技术生成

样式如下：
在这里插入图片描述
echarts.min.js版本为5.0

代码如下：
<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>Document</title>
  <!-- <script type="text/javascript" src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script> -->
  <script type="text/javascript" src="0511echarts.min.js"></script>
  <style type="text/css">
    *{
     margin:0;padding:0;}
    html,body{