javaweb EChart绘制折线图

首先引入echart的js包：

<script type="text/javascript" src="front/resource/js/echarts.min.js"></script>

<script type="text/javascript" src="front/resource/js/jquery-1.9.1.min.js"></script>

 

 html页面如下：

<div id="main" style="width: 90%;height:120%;"></div>

相关jquery ajax初始化函数如下：

<script type="text/javascript">
function echartInit(){
	var option = {
	   	    tooltip: {
	   	        trigger: 'axis'
	   	    },
	   	    legend: {
	   	    	left: '3%',
	   	    	data:['价格走势']
	   	    },
	   	    grid: {
	   	    	top:'20%',
	   	        left: '2%',
	   	        right: '3%',
	   	        bottom: '10%',
	   	        containLabel: true