title: How to increase width of morris.js bar or add space between bars?
body: <p>I have this morris.js bar with multiple bars, i want to change width of the bars or make space between durations. From the below image is there a way to provide either more space between <code>Feb</code> <code>March</code> and <code>April</code> or is there a way to adjust bar widths?</p>
  
  <p><img src="https://i.stack.imgur.com/afCZG.png" alt="enter image description here"></p>
  
  <p>Here is my code</p>
  
  <pre><code>Morris.Bar({
    element: 'morris-chart-bar',
    data: [
      { y: 'Feb', a: 75, b: 60, c: 5, d: 50 },    
      { y: 'March', a: 180,  b: 220, c: 140, d: 160 },
      { y: 'April', a: 300,  b: 340, c: 350, d: 270 }
    ],
    xkey: 'y',
    ykeys: ['a', 'b', 'c', 'd'],
    labels: ['A', 'B', 'C', 'D'],
    barColors: ['#0B62A4','#f75b68','#4DA74D','#646464'],
    hideHover: 'auto'
  });
  </code></pre>
  
  <p>you can test it <a href="http://jsbin.com/roburiya/1/edit" rel="nofollow noreferrer">here</a></p>