Chart.js t.ticks.map不是函数

ffu*_*tes 4 javascript chart.js

结果和标签都来自服务器,但是看起来不错。运行此代码时,我没有任何图形。我正在使用CDN中的chart.js。

编辑:澄清,结果和数据都来自代码。在示例中,它们没有经过硬编码。

我得到的错误是:

t.ticks.map不是函数

无法获取未定义或空引用的属性“跳过”

代码:

<canvas id="myChart" width="400" height="400"></canvas>
var ctx = document.getElementById("myChart").getContext("2d");
var result = [0, 0, 0];
var lbls = ['A', 'B', 'C'];
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: lbls.split(','),
        datasets: [{
            label: '# of Votes',
            data: result
        }]
    }
});
Run Code Online (Sandbox Code Playgroud)

任何关于另一个图表实用程序的建议也都欢迎。

Pra*_*ran 5

标签需要一个数组变量,但是var lbls = $('#lbls').html()返回一个字符串,所以用','分割就可以了

var myChart = new Chart(ctx, {
type: 'line',
data: {
    labels: lbls.split(','),
    datasets: [{
        label: '# of Votes',
        data:  [20, 10]
    }]
}
});
Run Code Online (Sandbox Code Playgroud)