C3.js Y 轴范围（最大值/最小值）不适用于条形图答案

【问题标题】：C3.js Y Axis Range (Max/Min) Doesn't Work for a Bar ChartC3.js Y 轴范围（最大值/最小值）不适用于条形图
【发布时间】：2015-01-20 01:59:29
【问题描述】：

我正在尝试在 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。您可以在小提琴中取消注释，看看它没有区别。

【问题讨论】：

标签： javascript html charts c3.js

【解决方案1】：

c3.js 上的文档很差，但似乎max 和min 不属于y.tick 对象，而是直接属于y。移动它们，然后将填充也应用于y，似乎可以解决问题。请参阅更新的小提琴here。

【讨论】：