title: Google Chart API - Set Gauge chart font size
body: <p>I would like to be able to set the font size of a gauge chart created by the google chart api - <a href="https://google-developers.appspot.com/chart/interactive/docs/gallery/gauge" rel="nofollow">https://google-developers.appspot.com/chart/interactive/docs/gallery/gauge</a></p>
  
  <p>There does not seem to be an option in the API so I would like to be able to manipulate the SVG after the chart is drawn. I think this might be possible with the jQuery SVG plugin - <a href="http://keith-wood.name/svg.html" rel="nofollow">http://keith-wood.name/svg.html</a></p>
  
  <p>I am a little stuck on how to use the plugin to update the SVG after it is drawn. Using firebug I know the html looks like this after the chart is drawn.</p>
  
  <pre><code>&lt;iframe&gt;
      &lt;html&gt;
          &lt;head&gt;...&lt;/head&gt;
          &lt;body&gt;
              &lt;div id="chartArea"&gt;
                  &lt;svg&gt;
                      &lt;g&gt;
                         //a couple of circles
                         &lt;text&gt;&lt;/text&gt; //The first text element is the title
                         //the rest of the graph
                      &lt;/g&gt;
                  &lt;/svg&gt;
              &lt;/div&gt;
          &lt;/body&gt;
      &lt;/html&gt;
  &lt;/iframe&gt;
  </code></pre>
  
  <p>I would like to be able to write something like this:</p>
  
  <pre><code>$('#gaugeChartDiv #chartArea').svg('get').change('text:first', { 'font-size' : 8 } );      
  </code></pre>
  
  <p>But it doesn't seem to work that way. Can anyone offer any advice?      </p>