How to remove extraneous table tag?

27 views
Skip to first unread message

ShoreTel

unread,
Nov 20, 2009, 3:55:58 PM11/20/09
to Google Visualization API
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>

ChartMan

unread,
Nov 24, 2009, 4:35:41 AM11/24/09
to google-visua...@googlegroups.com
Thanks for your comment, we have recorded it.
It might take time to change this so in the mean while maybe we can find a different approach.
What about putting the chart in a div <div id='chart'> and then using a css for #chart>table .

ChartMan



--

You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To post to this group, send email to google-visua...@googlegroups.com.
To unsubscribe from this group, send email to google-visualizati...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=.



T-Roy

unread,
Jul 13, 2012, 3:13:18 PM7/13/12
to google-visua...@googlegroups.com
It appears that this is still an issue in IE...css does not override because "align" is not a css tag.  I've heard about using jquery to alter but are there any other ideas?
To post to this group, send email to google-visualization-api@googlegroups.com.
To unsubscribe from this group, send email to google-visualization-api+unsub...@googlegroups.com.
Reply all
Reply to author
Forward
0 new messages