java代码实现echarts折线图_Echarts的使用（曲线图）

写在前面：

最近项目中用到了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