title: google charts: timeline: dynamic height with scalebar position
body: <p>Thanks for viewing and answering.
  I am using Google Charts (TimeLine) to display information from database.
  But the Google Chart reference only provide setting fix height for the chart. 
  Whereas I would like to change chart height based on the number of rows I get from data.
  So I made the code:</p>
  
  <pre><code>    var graph = $('#chart_timeLine').children()[0].children[0].children[1];
      $(graph).css('height',graph.scrollHeight);
      $(graph).css('overflow-y','auto');
  </code></pre>
  
  <p>Now the chart don't have a vertical scrollbar and I am satisfied.
  But I found that the scalebar, which shows the the scale of timeline chart is missing.(It is actually hiding under the chart, instead of showing up at the bottom of the chart).</p>
  
  <p>So then I changed scalebar's position to absolute and set it to the bottom of my chart.
  Then it is ugly because it has a height of 200px, while the scale is at the bottom of that 200px, leaving a huge blank between my chart and the scale.</p>
  
  <p>Is there a fix for that?
  Thank you.</p>