Javascript c3js,X轴破碎且成形不良
目前,我正在使用以下示例: 但问题是,当您添加3-4倍的数据量时,X值会被压碎,并且格式错误。我怎样才能解决这个问题呢 请看这里: 谢谢。给你, 您需要添加tick.width参数。 它还没有被记录(我们正在研究)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
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
}
}
}
}