Javascript C3.js Y轴范围(最大/最小)不';我不适合做条形图

Javascript C3.js Y轴范围(最大/最小)不';我不适合做条形图,javascript,html,charts,c3.js,Javascript,Html,Charts,C3.js,我正在试着用C3制作一个条形图 1) 当我启用值标签时,通过将“最大范围”设置为14,Y轴立即断开 2) 当我尝试手动设置它时,它会忽略Y:max-min参数 我错过了什么 有人在这里贴了一个非常类似的问题 但是他们发布的解决方案对我不起作用。解决方案是使用padding=0。您可以在小提琴中取消注释它,并看到它没有任何区别 c3.js上的文档非常糟糕,但似乎max和min不属于y.tick对象,而是直接属于y对象。移动它们,然后将填充也应用于y,似乎可以解决问题。见更新的小提琴 var ch

我正在试着用C3制作一个条形图

1) 当我启用值标签时,通过将“最大范围”设置为14,Y轴立即断开 2) 当我尝试手动设置它时,它会忽略Y:max-min参数

我错过了什么

有人在这里贴了一个非常类似的问题
但是他们发布的解决方案对我不起作用。解决方案是使用padding=0。您可以在小提琴中取消注释它,并看到它没有任何区别

c3.js上的文档非常糟糕,但似乎
max
min
不属于
y.tick
对象,而是直接属于
y
对象。移动它们,然后将填充也应用于
y
,似乎可以解决问题。见更新的小提琴

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']
        }
    }
});