Uncaught TypeError: Ne peut pas créer de la propriété '_meta' sur la chaîne
J'ai été capable de dessiner un graphique à barres, ligne graphique en utilisant les données statiques dans Chartjs.
Mais quand j'essaie d'utiliser le dynamiquement les données reçues par le biais de certaines api, il y a quelques message d'erreur à afficher.
Mon code est:
//'myCanvas' is the id for the canvas, where chart has to be drawn
const CHART = document.getElementById('myCanvas').getContext('2d');
var userData = {};
var dateArray = [];
var dataArray = [];
var barChartData = {
labels: dateArray,
datasets: {
label: "users",
fillColor: '#382765',
data: dataArray
}
};
var configure = {
type: 'bar',
data: barChartData
//I have removed the option part from here to make this post compact
};
window.barChart = new Chart(CHART, configure);
window.barChart.render();
//fillData is called from HTML form submission
function fillData() {
$.ajax({
type: 'GET',
url: '/api/v1/data',
data: 'start=' + document.getElementById('start').value + '&end=' + document.getElementById('end').value,
success: function dataGet(data) {
userData = JSON.parse(data);
dataParse();
}
});
window.barChart.update();
}
function dataParse() {
for(var i = 0; i < userData.length; i++){
dateArray.push(new Date(userData[i].date));
dataArray.push(userData[i].users);
}
}
L'erreur que je reçois est comme ceci:
Uncaught TypeError: Cannot create property '_meta' on string 'users'
getDatasetMeta @ Chart.min.js:12
(anonymous function) @ Chart.min.js:12
o.each @ Chart.min.js:12
buildOrUpdateControllers @ Chart.min.js:12
initialize @ Chart.min.js:12
t.Controller @ Chart.min.js:12
t @ Chart.min.js:13
(anonymous function) @ main.js:48
Uncaught TypeError: Cannot create property '_meta' on string 'users'
getDatasetMeta @ Chart.min.js:12
isDatasetVisible @ Chart.min.js:12
(anonymous function) @ Chart.min.js:12
o.each @ Chart.min.js:12
getElementAtEvent @ Chart.min.js:12
a @ Chart.min.js:12eventHandler @ Chart.min.js:12
(anonymous function) @ Chart.min.js:12
t.events.(anonymous function) @ Chart.min.js:12
Uncaught TypeError: Cannot read property 'initialize' of undefined
Vous devez vous connecter pour publier un commentaire.
Les données que vous nous transmettez est incompatible avec la docs
Pourriez-vous essayer de faire
datasets
un tableau?Aussi, essayez de fournir des données statiques initialement pour permettre le graphique pour l'initialiser avec une certaine dérision de données.
datasets
était censé être un tableau. Code fonctionne maintenant. Merci!!