When I create a "Gauge" visualization it is inserted into the page
wrapped in a <table> tag like this:
<table cellspacing="0" cellpadding="2" align="center" style="border:
0pt none; padding: 0pt; margin: 0pt;">
<tbody>
<tr style="border: 0pt none; padding: 0pt; margin: 0pt;">
<td style="border: 0pt none; padding: 0pt; margin: 0pt;
width: 96px;">
<div class="goog-gauge" role="progressbar" aria-
live="polite" aria-valuemin="0" aria-valuemax="10" aria-
valuenow="0.77">
<svg width="96" height="96" overflow="hidden">...</
svg>
</div>
</td>
</tr>
</tbody>
</table>
This table tag adds absolutely no value to the Visualization output,
and in fact is in violation of the XHTML standard, and the entire
concept of "table-less" layouts. Also since it has no ID or CLASS it
is impossible to change the styling with CSS. How do I (we) remove
this annoying table?
For the record the appropriate out should be simply (without the table
tag):
<div class="goog-gauge" role="progressbar" aria-live="polite" aria-
valuemin="0" aria-valuemax="10" aria-valuenow="0.77">
<svg width="96" height="96" overflow="hidden"></svg>
</div>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=.
