title: Show the X-axis title in Google Chart
body: <p>I want to show the x-axis heading of a column chart using <code>google charts</code> in Android web view.
  I am trying to show the x-axis heading as <code>Year</code> in </p>
  
  <pre><code>var data = google.visualization.arrayToDataTable([
      ['Year', 'Sales', 'Expenses', 'Profit'],
      ['2014', 1000, 400, 200],
      ['2015', 1170, 460, 250],
      ['2016', 660, 1120, 300],
      ['2017', 1030, 540, 350]
    ]);
  </code></pre>
  
  <p>But it is not showing heading. 
  Complete Code;</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
        google.charts.load('current', {
    callback: function () {
      drawChart();
      window.addEventListener('resize', drawChart, false);
    },
    packages:['corechart']
  });
  
       function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Year', 'Sales', 'Expenses', 'Profit'],
      ['2014', 1000, 400, 200],
      ['2015', 1170, 460, 250],
      ['2016', 660, 1120, 300],
      ['2017', 1030, 540, 350]
    ]);
  
    var options = {
      animation:{
        duration: 1000,
        easing: 'linear',
        startup: true
      },
      height: 600,
      theme: 'material',
      title: 'Company Performance'
    };
  
         var chart = new google.visualization.ColumnChart(document.getElementById('columnchart_material'));
    chart.draw(data, options);
        }
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="columnchart_material" style="width: 900px; height: 500px;"&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>