title: hAxis label is cut off in Google chart
body: <p>To track number of visitor comes through which website and do some analysis on the same. We are creating a column chart to show the analysis report in graphical form.  </p>
  
  <p>All the things are showing correctly on chart, but we are showing website name on haxis. As website name is too long like "www.google.com", www.facebook.com, this label are being cut off  on haxis.  </p>
  
  <p>Code to draw chart is given below:  </p>
  
  <pre class="lang-js prettyprint-override"><code>function createTodayChart(chartData){
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Sources');
    data.addColumn('number', 'Total Sales');
  
    for (var i in chartData){
      //alert(chartData[i][0]+'=&gt;'+ parseInt(chartData[i][1]));
      data.addRow([chartData[i][0], parseInt(chartData[i][1])]);
    }
  
    var options = {
      legend: {position:'top'},
      hAxis: {title: 'Sources', titleTextStyle: {color: 'black'}, count: -1, viewWindowMode: 'pretty', slantedText: true},
      vAxis: {title: 'Total Sales (in USD)', titleTextStyle: {color: 'black'}, count: -1, format: '$#'},
      colors: ['#F1CA3A']
    };
  
    var chart = new google.visualization.ColumnChart(document.getElementById('my_div'));
    chart.draw(data, options);    
  }  
  </code></pre>
  
  <p>Data in chartData variable is in array form as:  </p>
  
  <pre><code>var chartData = [];  
  cartData.push('www.w3school.com', 106);  
  cartData.push('www.google.com', 210); 
  </code></pre>
  
  <p>Width and height of "my_div" are 350px and 300px respectively. We have also attached screen shot of this issue given below:  </p>
  
  <p><img src="https://i.stack.imgur.com/CJ6l2.png" alt="enter image description here"> </p>
  
  <p>Can anyone help me that how can we prevent this cutting issue. Or, Is any method available in google chart API to prevent this?  </p>
  
  <p>Waiting for solution. </p>