title: Google chart: how to make right side of the "white space" empty?
body: <p>I use Google Chart in order to build some graphichs together with text description.</p>
  
  <p>On the first iteration I used small "title" for each graph type and that was looking well. But at some point I've added total value for each graph... and text started to be wrapped.</p>
  
  <p><strong>Question 1:</strong> Is there any way to prevent text wrapping (see the right portion of the chart)?</p>
  
  <p>I've tried put text inside of "..." but Google chart just convert these tags into pure text.</p>
  
  <p><strong>Question 2:</strong> Is there any way to move whole graph to the left and consume unused area so the right part will have more space for text?</p>
  
  <p><strong>Any thoughts are welcome!</strong> Probably there is any other solution that will work for me?</p>
  
  <p>P.S. 
  Please see how that looks right now on the screenshot:
  <img src="https://i.stack.imgur.com/pIILy.png" alt="enter image description here"></p>
  
  <p>P.P.S Here is JS code I use to display the graphs</p>
  
  <pre><code>&lt;script type="text/javascript" src="/js/jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/js/google/jsapi.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
      google.load("visualization", "1", { packages: ["corechart"] });
      google.setOnLoadCallback(drawChart);
      var expArray = [&lt;%=ExperienceArray %&gt;];
  
      function drawChart() {
          if (expArray.length &gt; 0) {
              $('#chart_div').show();
              $('#MessagesDiv').hide();
  
              var total = 0, train = 0, match = 0, ageing = 0;
              for (var i = 0; i &lt; expArray.length; i++) {
                  total += expArray[i][1];
                  train += expArray[i][2];
                  match += expArray[i][3];
                  ageing += expArray[i][4];
              }
              var data = google.visualization.arrayToDataTable([
                  ['№', 'Total (' + total + ')', 'Training (' + train + ')', 'Matches (' + match + ')', 'Ageing (' + ageing + ')']
              ].concat(expArray));
  
              var options = {
                  title: 'Gained experience',
                  allowHtml: 'true',
                  hAxis: { title: '', titleTextStyle: { color: 'black' } },
                  colors: ['#00FF00', '#6600CC', '#0000CC', '#000000']
              };
  
              var chart = new google.visualization.AreaChart(document.getElementById('chart_div'));
              chart.draw(data, options);
          } else {
              $('#chart_div').hide();
              alert("Data are absent");
          }
      }
  &lt;/script&gt;
  
  &lt;div id="chart_div" style="width: 900px; height: 500px;"&gt;&lt;/div&gt;
  </code></pre>