Question

我已经能够使用Chartjs中的静态数据绘制条形图，折线图。但是当我尝试通过某些api使用动态接收的数据时，会显示一些错误消息。我的代码是：

//'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);
         }
}

我得到的错误是这样的：

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

Answer 1

您传入的数据与docs

不一致

您可以尝试将datasets作为数组吗？

另外，尝试最初提供静态数据以允许图表使用一些模拟数据进行初始化。

未捕获的TypeError：无法创建属性＆＃39; _meta＆＃39;在字符串上

1 个答案: