c3.js X轴字符串值Javascript错误

时间:2016-06-26 14:44:52

标签: javascript d3.js c3.js

我通过javascript将值设置为简单的c3.js条形图。以下是我设置值的方法

var values={  x : 'x', 
type: "bar", 
columns: [['x', data_0x,data_1x,data_2x,data_3x,data_4x] ,
["% of Employees",data_0y,data_1y,data_2y,data_3y,data_4y]]}

生成图表时,以下是我的代码

var chart = new c3.generate({
        bindto: '#chartContainer',
        data: values,
        axis: {x: {type: 'category'}}
});

data_0x,data_1x 等是数值时,图表就会完美无缺。

但是,当这些字符串值为' a',' b'等,我收到以下javascript错误

d3.v3.min.js:670 Error: <g> attribute transform: Expected number, "translate(NaN, 0)".attrFunction @ d3.v3.min.js:670
d3.v3.min.js:670 Error: <rect> attribute x: Expected length, "NaN".attrFunction @ d3.v3.min.js:670
d3.v3.min.js:670 Error: <rect> attribute width: Expected length, "NaN".

我不明白我做错了什么。

0 个答案:

没有答案