title: am chart labels are being chopped off
body: <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>