jsp:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>折线图</title>
<script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body style="background-color:#4F4F4F;">
<!--为echarts准备一个容器，画图就画在里面-->
<div id="main" style=" 100%;height: 200%;"></div>
<script>
//初始化ehcharts实例
var myChart=echarts.init(document.getElementById("main"));
$(document).ready(function(){
go();
});
//指定图表的配置项和数据
//使用刚刚指定的配置项和数据项显示图表
function go() {
var option={
//标题
title:{
text:'趋势'
},
toolbox:{
show:true,
feature:{
saveAsImage:{
show:true
}
}
},
tooltip: {
trigger: 'item',
},
//图例
legend:{
data:['确诊数量']
},
//x轴
xAxis:{
data:[a,b]
},
yAxis:{},
//数据
series:[{
name:'数量',
type:'line',
data:[1,2]
}]
};
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption(option);
}
myChart.setOption(option);
</script>
</body>
</html>