. 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);
}
})
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.