title: Morris.JS X-Axis Label Height
body: <p>I have a chart generated with Morris.JS but the labels on the x-axis are to long and being cut off due to the limited height of the area showing the labels. </p>
  
  <p>The code below would render a graph that only shows the partial label for "COUNTY PARK ROAD ELEM.".   How can I adjust the height of the label area to show the entire text?</p>
  
  <p>The code is as follow</p>
  
  <pre><code>if ($('#IP1').length){ 
  
      Morris.Bar({
        element: 'IP1',
        data: [           
              {x: 'COUNTY PARK ROAD ELEM.', yIndex: 376.92}                   
        ],
        xkey: 'x',
        ykeys: ['yIndex'],
        labels: ['Index Points'],
        ymax: 500,
        barRatio: 0.2,
        xLabelAngle: 45,
        hideHover: 'auto'
      });
  }
  </code></pre>