开始使用HTML Canvas 绘制实时动态折线图 嗯.......但是觉得不太完美。
然后我们老师说前端绘图为什么不用开源的百度Echart呢,哈哈后来用着发现真香😁(老师厉害👍)
Echart官网为:https://echarts.apache.org/zh/index.html
然后重新写了一个实时绘制的demo,注意这里需要下载Echart,教程在这,由于要是使用js绘制动态图,所以还需要引用jquery-1.12.4.min.js。
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ECharts</title>
<!-- 引入 echarts.js -->
<script src="echarts.min.js"></script>
<script src="jquery-1.12.4.min.js"></script>
<script type="