我有一个创建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数据,但似乎无法提取该数据。
任何帮助将不胜感激。