未捕获的错误:源数据缺少(0,1)

时间:2019-07-18 20:38:17

标签: javascript backbone.js marionette c3.js

我有一个创建c3.js甜甜圈图的主干视图:

var DonutGraphView = AppLayoutView.extend({

render: function (totalCalls, callsAbandoned) {
    this.totalCalls = totalCalls;
    this.callsAbandoned = callsAbandoned;

    this.createGraph();
    $(window).trigger('resize');
},

createGraph: function () {
    var self = this;
    var chart = c3.generate({
        bindto: '#graph',
        data: {
            columns: [
                ['data1', self.totalCalls],
                ['data2', self.callsAbandoned]
            ],
            names: {
                data1: "Calls",
                data2: "ABA"
            },
            colors: {
                data1: 'rgb(255, 0, 0)',
                data2: 'rgb(78, 222, 255)'
            },

            type: 'donut'
        }

以下视图在单独的视图中实例化此视图:

this.graphView = new DonutGraphView();

问题是,当我尝试呈现图形和相关数据时,页面上什么都没有显示,并且我收到以下控制台错误:

Uncaught Error: Source data is missing a component at (0,1)!

有人遇到此问题并找到合适的解决方法吗?关于这种类型的错误,似乎没有太多的文档。

数据列应该在检索API数据,但似乎无法提取该数据。

任何帮助将不胜感激。

0 个答案:

没有答案