title: google bar/column chart set proper label width and chartarea width
body: <p>i am using google chart to render charts, but sometimes the label is too long that the chart gets chopped, sometimes the chart is so long that the label gets cutting off, please check <a href="http://jsfiddle.net/9J4sS/" rel="nofollow">jsfiddle</a> to see.</p>
  
  <pre><code>google.load('visualization', '1', {packages: ['corechart']});
  var graphTitle = '', dataPoints = [];
  
  function drawVisualization() {  
      // Create and populate the data table.
      var data = google.visualization.arrayToDataTable([
          ['Option', 'Percent'],
          ['More than 75%', 47],
          ['50% to 74%', 36],
          ['30% to 49%', 10],
          ['10% to 29%', 4],
          ['Less than 10%', 3]      
      ]);
  
      $('body').data('quickpoll_179', data);
  
      // Create and draw the visualization.
      new google.visualization.BarChart(document.getElementById('quickpollChart')).
      draw(data, {
          title:'',
          titleTextStyle: {color: '#000000'},
          width:640, height:340,
          legend: {position:'none'},
          vAxis: {title: ""},
          hAxis: {title: "",format:"#'%'"},
          colors: ['#74317D'],
          chartArea: {left:80.6,top:20, width:539.4,height:"340px"}
      });
  }
  
  google.setOnLoadCallback(drawVisualization);
  </code></pre>
  
  <p>my question is how can i calc the proper width so if the chart is large, i can increase the whole container size and stop chart and lable being cutting off. i know for this case, i can increase the chart area, but it may not be applicable in every curcumstances. so it is better that i know how much space the google chart will take so i can dymaically resize the width and height of the container</p>