写在前面:
最近项目中用到了Echarts做趋势图,博主通过万能的度娘研究了一下。Echarts字段的使用基本都写在代码注释里了,这是博主的第一篇博客,如果哪里写的不好望大家见谅,最后希望本篇博客对大家有一些帮助。
1. 下载Echarts.js包
使用Echarts需要先下载Echarts.js包,大家可以从Echarts官网下载,
或者可以从博主提供的网址下载:echarts.min.js
把链接中的js代码全部复制到一个空txt文件,保存之后重命名为echarts.min.js即可。
2. Echarts.js导入程序
就是直接把下载完成的js包粘贴到项目的js文件夹下
3. 将Echarts.js引入使用的网面
4. 下面是曲线图案例
效果图:
代码:
html:
css:
#border-div {
width: 700px;
height: 430px;
border: 1px solid #000000;
margin: 10% auto;
overflow:visible
}
#trendChart {
width: 700px;
height: 400px;
margin-top: 3%
}
js:
// 页面初始化
window.onload = function(){
// 获取异常振动加速度统计数据
myChart();
};
//Echarts
function myChart() {
var alarmTime = "2020-08-14 14:5