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

c3.js X轴字符串值Javascript错误,javascript,d3.js,c3.js,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({

我正在通过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\u0x、data\u1x等是数值时,图表就完美了

但是,当这些是字符串值,如“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".
d3.v3.min.js:670错误:属性转换:预期数字,“translate(NaN,0)”。attrFunction@d3.v3.min.js:670
d3.v3.min.js:670错误:属性x:预期长度,“NaN”.attrFunction@d3.v3.min.js:670
d3.v3.min.js:670错误:属性宽度:预期长度,“NaN”。

我不明白我做错了什么。

即使将x值更改为字符串,共享的代码也可以正常工作。也许有一种情况,你的一个x值是未分配的?