title: C3.js Y Axis Range (Max/Min) Doesn't Work for a Bar Chart
body: <p>I am trying to put together a bar chart in C3.</p>
  
  <p><a href="http://jsfiddle.net/michaelkuzmin/Lcxe0frw/9/" rel="nofollow">http://jsfiddle.net/michaelkuzmin/Lcxe0frw/9/</a></p>
  
  <pre><code>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']
          }
      }
  });
  </code></pre>
  
  <p>1) When I enable value labels the Y axis immediately breaks by setting the max range to 14
  2) When I try to set it manually it ignores the Y: max min parameters. </p>
  
  <p>What am I missing? </p>
  
  <p>P/S Somebody posted a very similar question here <a href="https://stackoverflow.com/questions/25857831/c3-js-y-axis-min-max-not-working">c3.js y axis min/max not working</a> 
  but the solution they posted does not work for me. The solution was to use padding = 0. You can uncomment it in the fiddle and see that it makes no difference. </p>