. ajax () 가 데 이 터 를 요청 하고 처리 한 다음 echart 표 [for 순환] 를 주입 합 니 다.




    
    demo1


    
var url = ' '; var year = [],temp = []; console.log("aa"); var demoData = $.ajax({ type: 'get', url : url }) console.log("AA"); $.when(demoData).done(function(a) { for (var i = 0; i < a.data.length; i++) { var x = a.data[i].date[0]; var y = a.data[i].value[0]; console.log(x); console.log(y); year.push(x); temp.push(y); var myChart = echarts.init(document.getElementById('main')); option = { title: { text: ' ' }, tooltip: { trigger: 'axis' }, legend: { data:[' '] }, grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, toolbox: { feature: { saveAsImage: {} } }, xAxis: { type: 'category', boundaryGap: false, data: year }, yAxis: { type: 'value' }, series: [ { name:' ', type:'line', stack: ' ', data:temp } ] }; myChart.setOption(option); } })

我知道这里出问题了,不知道怎么改

for (var i = 0; i < a.data.length; i++) { 
var x = a.data[i].date[0]; 
var y = a.data[i].value[0];
year.push(x);
temp.push(y);

2016.11.7 *------------------------------------------------------------------- 2016.11.8
오늘 고 쳤 는데 정확 한 것 을 발 견 했 습 니 다. 코드 는 다음 과 같 습 니 다. demo1 var url = 'https://raw.githubusercontent.com/chunyuezhang/aa/master/data.json'; var year = [],temp = []; var demoData = $.ajax({ type: 'get', url : url }) $.when(demoData).done(function(a) { for (var i = 0; i < a.data.length; i++) { var x = a.data[i].date; var y = a.data[i].value; console.log(x); console.log(y); year.push(x.slice(0,4)-0); temp.push(y); var myChart = echarts.init(document.getElementById('main')); option = { title: { text: ' ' }, tooltip: { trigger: 'axis' }, legend: { data:[' '] }, grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, toolbox: { feature: { saveAsImage: {} } }, xAxis: { type: 'category', boundaryGap: false, data: year }, yAxis: { type: 'value' }, series: [ { name:' ', type:'line', stack: ' ', data:temp } ] }; myChart.setOption(option); } })

좋은 웹페이지 즐겨찾기