2015-06-07 1 views
0

Мне нужна помощь в создании массива данных API Google. См. Подробности ниже: У меня есть следующие массивы, которые я создаю динамически.API-интерфейс API диаграммы GoogleToDataTable

schoolYear = [ 2014,2015,]; 
schoolReading = [420.5,520.5,]; 
schoolWriting = [436.5,536.5,]; 
schoolSpelling = [425.1,525.1,]; 
schoolNumeracy = [395.5,495.5,]; 
schoolGramPunc = [436,536,]; 
schoolTotAvg = [437,537,]; 

Я пытаюсь создать google.visualization.arrayToDataTable так:

for (i = 0; i < schoolTotAvg.length; i++) { 
    var data = google.visualization.arrayToDataTable([ 
    ['Year', 'Reading', 'Numeracy', 'Grammar/Punctuation', 'Writing', 'Spelling', 'Total Average'], 
    [schoolYear, schoolReading, schoolNumeracy, schoolGramPunc, schoolWriting, schoolSpelling, schoolTotAvg] 
    ]); 
} 

Я не получаю правильный массив, когда я вижу исходный код страницы.

Может кто-нибудь помочь?

--Pankaj

+1

Не могли бы вы [редактировать] ваш вопрос объяснить ожидаемый результат и то, что на самом деле происходит? Если вы можете опубликовать минимальный рабочий пример, который был бы хорош. – nhinkle

+0

Спасибо nhinkle.I нашел solution.see мой ответ ниже. Однако теперь я столкнулся с другой проблемой при отображении диаграммы google. Год приближается к оси X, и он показывает прирост в 5 пунктов. Что-то вроде этого: 2,014, 2014,25, 2014.50, 2014.75,2015. Как я могу ограничить его только двумя точками 2014 и 2015? –

ответ

1

Я нашел решение :-)

 var dataArray = [['Year'   , 'Reading'   , 'Numeracy'  , 'Grammar/Punctuation' , 'Writing'   , 'Spelling'   , 'Total Average']]; 

     for (var n =0; n < schoolTotAvg.length; n++) 
     { 
     dataArray.push ([schoolYear[n] , schoolReading[n] , schoolNumeracy[n] , schoolGramPunc[n]  , schoolWriting[n] , schoolSpelling[n] , schoolTotAvg[n] ]) 
     } 

    var data = new google.visualization.arrayToDataTable(dataArray); 


    var options = { 
     title: 'School Performance', 
     curveType: 'function', 
     legend: { position: 'bottom' } 
    }; 

    var chart = new google.visualization.LineChart(document.getElementById('curve_chart')); 

    chart.draw(data, options); 
Смежные вопросы