Javascript c3js,X轴破碎且成形不良

Javascript c3js,X轴破碎且成形不良,javascript,d3.js,c3.js,Javascript,D3.js,C3.js,目前,我正在使用以下示例: 但问题是,当您添加3-4倍的数据量时,X值会被压碎,并且格式错误。我怎样才能解决这个问题呢 请看这里: 谢谢。给你, 您需要添加tick.width参数。 它还没有被记录(我们正在研究) var图表=c3.generate({ 数据:{ 栏目:[ ['sq',30,200,100,400,150,11,11,11,11,11111,11,11,22,22,22,22223,43,32,14250,30,31,200,100,400,150,250,30,200,1

目前,我正在使用以下示例:

但问题是,当您添加3-4倍的数据量时,X值会被压碎,并且格式错误。我怎样才能解决这个问题呢

请看这里:

谢谢。

给你, 您需要添加tick.width参数。 它还没有被记录(我们正在研究)

var图表=c3.generate({
数据:{
栏目:[
['sq',30,200,100,400,150,11,11,11,11,11111,11,11,22,22,22,22223,43,32,14250,30,31,200,100,400,150,250,30,200,100,400,150,250,250,200,100,400,150,250]]
},
轴线:{
x:{
类型:'类别',
勾选:{
扑杀:没错,
宽度:11
}
}
}
});

给你, 您需要添加tick.width参数。 它还没有被记录(我们正在研究)

var图表=c3.generate({
数据:{
栏目:[
['sq',30,200,100,400,150,11,11,11,11,11111,11,11,22,22,22,22223,43,32,14250,30,31,200,100,400,150,250,30,200,100,400,150,250,250,200,100,400,150,250]]
},
轴线:{
x:{
类型:'类别',
勾选:{
扑杀:没错,
宽度:11
}
}
}
});

宽度对我来说很好,看一看

]


}))

宽度对我来说很好,看一看

]


}))

嘿,谢谢你的来信。呃,如果我添加了更多的值,数字仍然会堆积起来,这不是一个解决方案。实际上,最好是将X Avis完全显示在图形之外,就像这样:数字的长度是多少?我用了3位数字s,结果很好嘿,谢谢你的帖子。呃,如果我添加了更多的值,数字仍然会堆积起来,这不是一个解决方案。实际上,最好是将X Avis完全显示在图形之外,就像这样:数字的长度是多少?我用了3位数字s,结果很好
var chart = c3.generate({
data: {
    columns: [
        ['sq', 30, 200, 100, 400, 150, 250, 30, 200, 100, 400, 150, 250, 30, 200, 100, 400, 150, 250, 200, 100, 400, 150, 250,30, 200, 100, 400, 150, 250, 30, 200, 100, 400, 150, 250, 30, 200, 100, 400, 150, 250, 200, 100, 400, 150, 250,30, 200, 100, 400, 150, 250, 30, 200, 100, 400, 150, 250, 30, 200, 100, 400, 150, 250, 200, 100, 400, 150, 250,30, 200, 100, 400, 150, 250, 30, 200, 100, 400, 150, 250, 30, 200, 100, 400, 150, 250, 200, 100, 400, 150, 250,30, 200, 100, 400, 150, 250, 30, 200, 100, 400, 150, 250, 30, 200, 100, 400, 150, 250, 200, 100, 400, 150, 250,30, 200, 100, 400, 150, 250, 30, 200, 100, 400, 150, 250, 30, 200, 100, 400, 150, 250, 200, 100, 400, 150, 250,30, 200, 100, 400, 150, 250, 30, 200, 100, 400, 150, 250, 30, 200, 100, 400, 150, 250, 200, 100, 400, 150, 250]
},
axis: {
    x: {
        type: 'category',
        tick: {
        width: 22,
            culling: {
                max: 7 
            }
        }
    }
}