我想在C3中整理一个条形图 .
http://jsfiddle.net/michaelkuzmin/Lcxe0frw/9/
var chart = c3.generate({
data: {
columns: [
['% Women CS', 0.036, 0.095, 0.105, 0.182, 0.121],
['% Women Math', 0.182, 0.077, 0.182, 0.026, 0.097],
['% Women Comp Eng /EE', 0.039, 0.074, 0.032, 0.095, 0.087]
],
type: 'bar',
labels: true
},
axis : {
y : {
tick: {
max: 0.50,
min: 0,
// padding: {top: 0, bottom: 0}
}
},
x: {
type: 'category',
categories: ['Carleton', 'Alberta', 'Sherbrooke', 'McGill', 'Laval']
}
}
});
1)当我启用值标签时,Y轴会立即断开,将最大范围设置为14 2)当我尝试手动设置时,忽略Y:max min参数 .
我错过了什么?
P / S有人在这里发布了一个非常相似的问题c3.js y axis min/max not working但他们发布的解决方案对我不起作用 . 解决方案是使用padding = 0.你可以在小提琴中取消注释,看看它没有任何区别 .
1 回答
关于c3.js的文档相当差,但似乎
max
和min
不属于y.tick
对象,而是直接属于y
. 移动它们,然后将填充应用于y
似乎解决了这个问题 . 见更新小提琴here .