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

时间:2017-02-14 05:45:36

标签: javascript chart.js

结果和标签都来自服务器,但它们似乎没问题。当我运行此代码时,我没有得到任何图形。我正在使用CDN中的chart.js。

编辑:澄清,结果和数据都来自代码。他们看起来并没有硬编码。

我得到的错误:

  

t.ticks.map不是函数

     

无法获取未定义或空引用的属性'skip'

代码:

<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
        }]
    }
});

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

1 个答案:

答案 0 :(得分:5)

标签需要一个数组变量,但var lbls = $('#lbls').html()返回一个字符串,所以将它与','分开将完成工作

var myChart = new Chart(ctx, {
type: 'line',
data: {
    labels: lbls.split(','),
    datasets: [{
        label: '# of Votes',
        data:  [20, 10]
    }]
}
});
相关问题