am chart labels are being chopped off
<p>I'm working on an am serial chart and am having a difficult time with the labels. If you look at my pen at <a href="http://codepen.io/drewtadams/pen/QKLYro" rel="nofollow">http://codepen.io/drewtadams/pen/QKLYro</a>, the last column's text is being cut off in the graph - I would like to move the text above the column, but I can't seem to figure out how to do it. If this is a duplicate, I'd definitely appreciate a link to a solution.</p>

<p>HTML:</p>

<pre><code>&lt;script src="http://www.wgu.edu/sites/all/themes/bricktheme/javascripts/amcharts/amcharts.js"&gt;&lt;/script&gt;
&lt;script src="http://www.wgu.edu/sites/all/themes/bricktheme/javascripts/amcharts/serial.js"&gt;&lt;/script&gt;
&lt;script src="amcharts/plugins/dataloader/dataloader.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="amcharts/plugins/responsive/responsive.min.js" type="text/javascript"&gt;&lt;/script&gt;

&lt;div id="chartdiv" class="bar-chart"&gt;&lt;/div&gt;
</code></pre>

<p>CSS:</p>

<pre><code>#chartdiv{
  height: 300px;
  width: 350px;
}
</code></pre>

<p>JS:</p>

<pre><code>// info to be graphed
var chartData = [ {
    timeToGraduate: "1&lt;br&gt;Year",
    percent: 38,
    color: "#ffffff"
  }, {
    color: "#ffffff",
    percent: 29,
    timeToGraduate: "1.5&lt;br&gt;Years"
  }, {
    color: "#ffffff",
    percent: 19,
    timeToGraduate: "2&lt;br&gt;Years"
  }, {
    color: "#ffffff",
    percent: 9,
    timeToGraduate: "2.5&lt;br&gt;Years"
  }, {
    color: "#ffffff",
    percent: 3,
    timeToGraduate: "3&lt;br&gt;Years"
} ];


// chart properties
var chart = new AmCharts.AmSerialChart();
//chart.angle = 30;
chart.autoMargins = true;
chart.categoryAxis.labelsEnabled = false;
chart.categoryAxis.title = "Time to Graduate";
chart.categoryAxis.titleColor = "#406591";   
chart.categoryField = "timeToGraduate";
//chart.columnSpacing3D = 10;
chart.dataProvider = chartData;
//chart.depth3D = 25;
chart.handDrawn = false;
chart.type = "serial";


// graph properties
var graph = new AmCharts.AmGraph();
graph.balloonText = "[[value]]%";
graph.fillAlphas = 1;
graph.labelColorField = "color";
graph.labelPosition = "bottom";
graph.labelText = "[[category]]";
graph.lineColor = "#406591";
graph.type = "column";
graph.urlField = "url";
graph.valueField = "percent";
chart.addGraph(graph);


// valueAxis properties
var valueAxis = new AmCharts.ValueAxis();
valueAxis.labelFrequency = 1;
valueAxis.minimum = 0;
valueAxis.title = "Percent of Grads";
valueAxis.titleColor = "#406591";
valueAxis.unit = "%";
chart.addValueAxis(valueAxis); // add valueAxis properties to chart


// draw out the graph
chart.write("chartdiv");
</code></pre>