echarts HTML折线图设置

最新推荐文章于 2024-02-04 18:15:27 发布

我是胡图图

最新推荐文章于 2024-02-04 18:15:27 发布

阅读量660

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/qq_39803826/article/details/106051662

版权

读完下面两篇就可以很明白的设置了：
博文1
博文2

但是有一个问题，自己的折线图无法显示，
首先我排除了我的数据有问题，
后面我发现，博文1中是ajax接受到的数据和显示折线图是同步进行的，说明ajax接收到数据并不能后面传给折线图使用，所以，折线图显示，需要在ajax成功函数里面
即：

 $.ajax({
	        url: "${path}/pc/classline.shtml",
	        type: 'post',
	        dateType:"json",
	        contentType:"application/json;charset=UTF-8",
	        success: function (data)
	        {
	        	var xdata = eval(data);
	        	alert(xdata[0]);
	        	//指定图表的配置项和数据
			    var oMyChart = echarts.init(document.getElementById("box"));
			      var option = {
			      };
			      oMyChart.setOption(option); 
	        },
	        error: function(XMLHttpRequest, textStatus, errorThrown)
	        {
	            alert('失败'+XMLHttpRequest.status+"  "+XMLHttpRequest.readyState+"  "+textStatus+"  "+errorThrown);
	            
	        }
 });

成功了！！！