Member 12679972 Ответов: 1

Проблема при передаче массива в данные линейного графика


Следуя ajax-коду, который получает данные json и сохраняет их в массиве -----

Data=jQuery.parseJSON(result);
var count = Data.length;
var counter = 0;
while(count > 0){
LabelResult[counter] =[Data[counter].TIME];
counter++;
count --;
}

var count = Data.length;
var counter = 0;

while(count > 0){
DataResult[counter] =[Data[counter].COUNT];
counter++;
count --;
}

DrawChart();


Я пытаюсь нарисовать диаграмму здесь ----------

function DrawChart(){

var ctx = document.getElementById("myChart").getContext("2d");

var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: LabelResult,
datasets: [{
label: '# of Votes',
data: [DataResult[0]],
borderWidth: 1
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero:false
}
}]
}
}
});
}


Метки правильно визуализируются, но данные не вставляются. т. е. значения из массива labelresult дают правильные метки, но значения из массива dataresult не могут визуализировать график

Что я уже пробовал:

Попробовал код, упомянутый выше, но не смог использовать массив для визуализации диаграммы через chart.js

1 Ответов

Рейтинг:
1

Patrice T

Получите рабочий образец кода, сравните с вашим кодом, разберитесь в различиях.
Используйте образец, чтобы получить данные, и попробуйте свой код с этими данными, пока он не заработает.
Используйте отладчик, чтобы увидеть, в чем разница в данных.

Отладчик позволяет вам следить за выполнением строка за строкой, проверять переменные, и вы увидите, что есть точка, в которой он перестает делать то, что вы ожидаете.
Отладчик-Википедия, свободная энциклопедия[^]