echarts数据自我定制(二)
为什么我把代码改成如下形式,就不能显示出图形了呢?|@|<!doctype html>|@|<html>|@|<head>|@|<meta charset="utf-8">|@|<title>line估</title>|@|<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>|@||@|<script type="text/javascript">|@|//ajax获取后台数据,x轴的name从数据库中读取|@|function fetchXname(){|@|var arr=new Array();|@|$.ajax(|@|{|@|url:"http://localhost/tlpa-3/AjaxService.php?method=GetXaxisname",|@|dataType:"text",|@|success:function(data)|@|{|@|//调用函数获取值,转换成数组模式|@| var ss=eval(data);|@| for(var i=0;i<ss.length;i++)|@| {|@|arr.push(ss[i].weeknum);|@| }|@| }|@|});|@|//alert(arr);|@|return arr;|@|}|@|function dataXRand(){|@|var dataarr=new Array();|@|$.ajax({|@|url:"http://localhost/tlpa-3/AjaxService.php?method=RandTest",|@|dataType:"text",|@|success:function(data)|@|{|@| var ss=eval(data);|@| for(var i=0;i<ss.length;i++)|@| {|@|dataarr.push(ss[i]);|@| //alert(dataarr[i]);|@| }|@|}|@|});|@|return dataarr;|@|}|@|require.config({|@| paths: {|@| echarts: 'http://echarts.baidu.com/build/dist'|@| }|@|});|@|option = {|@| title : {|@| text: '未来一周气温变化',|@| subtext: '纯属虚构'|@| },|@| tooltip : {|@| trigger: 'axis'|@| },|@| legend: {|@| data:['最高气温','最低气温']|@| },|@| toolbox: {|@| show : true,|@| feature : {|@| mark : true,|@| dataView : {readOnly: false},|@| magicType:['line', 'bar'],|@| restore : true,|@| saveAsImage : true|@| }|@| },|@| calculable : true,|@| xAxis : [|@| {|@| type : 'category',|@| boundaryGap : false,|@| data : fetchXname()|@| //data : [-2, 1, 2, 5, 3, 2, 0]|@| }|@| ],|@| yAxis : [|@| {|@| type : 'value',|@| axisLabel : {|@| formatter: '{value} °C'|@| },|@| splitArea : {show : true}|@| }|@| ],|@| series : [|@| {|@| name:'最高气温',|@| type:'line',|@| itemStyle: {|@| normal: {|@| lineStyle: {|@| shadowColor : 'rgba(0,0,0,0.4)'|@| }|@| }|@| },|@|data:dataXRand()|@|//data:[-2, 1, 2, 5, 3, 2, 0]|@| },|@| {|@| name:'最低气温',|@| type:'line',|@| itemStyle: {|@| normal: {|@| lineStyle: {|@| shadowColor : 'rgba(0,0,0,0.4)'|@| }|@| }|@| },|@| data:[-2, 1, 2, 5, 3, 2, 0]|@| }|@| ]|@|};|@|require(|@|[|@|'echarts',|@|'echarts/chart/line'|@|],|@|function(ec){|@|var myChart=ec.init(document.getElementById('main'));|@|myChart.setOption(option);|@|}|@|)|@|</script>|@|</head>|@|<body>|@|<div id="main" style="height:500px; border:1px solid #ccc; padding:10px;"></div>|@|</body>|@|</html>