Echarts笔记——折线图（1）折线图标记区间

最新推荐文章于 2024-07-29 17:40:36 发布

寧三一

最新推荐文章于 2024-07-29 17:40:36 发布

阅读量3.4k

点赞数 2

分类专栏： echarts 文章标签：数据可视化 echarts js

本文链接：https://blog.csdn.net/weixin_51967583/article/details/115335277

版权

本文介绍了如何使用Echarts创建折线图，并着重讲解了如何添加markPoint（标记最大值和最小值）、markLine（绘制平均线）以及markArea（标记数据区间）的功能。示例代码展示了如何配置这些特性，包括设置颜色、线条样式和数据标签，以实现一个完整的a公司一季度各部门销量的折线图展示。

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

Echarts笔记——折线图（1）折线图标记区间

1.折线图类型（ line ）。

2.markPoint : 图表标注（最大值，最小值）。

3.markLine : 图表标线（平均线）。

4.markArea ：图表标域（标记区间）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../js/echarts.min.js"></script>
    <script src="../../js/jquery.min.js"></script>
</head>
<body>
<div id="main" style="width:1200px;height:800px;"></div>

<script type="text/javascript">
    line_Data2 = [3324, 2352, 4522, 1469, 6379, 5315, 2793, 4324]
    line_Data1 = [