Echarts，每日一图——基础折线图（含异步加载数据）

最新推荐文章于 2024-04-25 22:02:20 发布

four_three

最新推荐文章于 2024-04-25 22:02:20 发布

阅读量2.9k

点赞数

分类专栏： Echarts，每日一图文章标签：大数据 js echarts

本文链接：https://blog.csdn.net/four_three/article/details/110668344

版权

Hi，各位同学，今天小编学会了使用Echarts画基础折线图，现在呢，就跟大家汇报一下小编的学习过程~

首先，先让大家看一下效果：
在这里插入图片描述
小编在这里主要跟大家详细讲一下第三步，即图表配置部分，此图表的引用文件和配置容器部分和小编之前讲的“画图三步曲”是一样的，之前没有跟着学习的同学可以翻一下小编的上篇文章学习一下。

对于数据的读取，小编试了两种方式：直接定义数据和从json文件中获取数据。

1、直接定义数据

首先，上代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>折线图</title>
    <script src="../js/echarts.min.js"></script>
</head>

<body>
    <div id="main"