Morris.JS X-Axis Label Height
- by Aaron
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.
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?
The code is as follow
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'
});
}