title: Google Charts: Pie Chart title position
body: <p>I was assigned to implement some Charts, and the bosses requested me to separate the title of the chart from the Chart, I tried to move the chart's area a little from the top, but the title moved with the chart too, like this:</p>
  
  <p><img src="https://i.stack.imgur.com/aqI6p.png" alt="before chartArea"> <img src="https://i.stack.imgur.com/clZ6W.png" alt="after chartArea"></p>
  
  <p>I tried using: <code>chartArea:{top:80}</code> and the result was that, on the screenshot. I'm sure the property to move only the title it's another but I can't find it yet. btw, This is my whole Object:</p>
  
  <pre><code>var columnChartProps = {
      fontName: 'HelveticaNeueBC',
      legend: {position: 'none'},
      titleTextStyle: {fontSize: 18},
      hAxis:  {color: '#121b2d'},
      vAxis: {
          gridlines: {color: '#666666'}
      },
      width: 400,
      height: 300,
      backgroundColor: '#CBCBCB',
      chartArea:{top:80, width:"80%"}
  }
  // VENCIMIENTOS:
  var vencData = google.visualization.arrayToDataTable([
      ['equis', 'Vencimientos'],
      ['ENE', 7],
      ['FEB', 10],
      ['MAR', 5],
      ['ABR', 6],
      ['MAY', 10],
      ['JUN', 15]
  ]);
  
  var vencOptions = {
      colors:['#24375e','#2c4370','#324a7c','#38538a','#3e5b96','#4363a3'],
      title: 'Vencimientos prox. 6 meses',
      hAxis: {title: 'Meses'}
  };
  
  var vencimientos = new google.visualization.ColumnChart(document.getElementById('vencimientos'));
  vencimientos.draw(vencData, jQuery.extend({},vencOptions,columnChartProps));
  </code></pre>
  
  <p><strong>Thanks in advance :)</strong></p>