Gauge chart ---> Increasing the space between gauge chart.

[Nikhil Agrawal]

Hi,

I am using google gauge chart , but the charts appears very close to each other. I there any way i can adjust the space between this chart ??

Awaiting a response. Thanks. :)

[asgallant]

The Gauge charts are drawn inside an HTML table (to handle the layout), so you can style the table's <tr> and/or <td> elements to get the spacing you want.

[Nikhil Agrawal]

Yes, i had a look into the layout,

As per my understanding we have to apply the css dynamically using javascript., but i can't find an exact method.

Can u explain more how can i style it....??

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

[asgallant]

You don't have to apply the CSS dynamically, you should be able to use a style sheet.  This CSS sets the spacing between gauges at 30px:

<style type='text/css'>

    #chart_div table {

        border-spacing: 30px;

    }

</style>

<!--[if IE 7]>

<style type='text/css'>

    #chart_div table {

        *border-collapse: expression('separate', cellSpacing = '30px');

    }

</style>

<![endif]-->

The conditional comment tags are a hack to make it work in IE 7 (which doesn't support the border-spacing property).

On Tuesday, March 19, 2013 9:04:55 AM UTC-4, Nikhil Agrawal wrote:

Yes, i had a look into the layout,

As per my understanding we have to apply the css dynamically using javascript., but i can't find an exact method.

Can u explain more how can i style it....??

On Mon, Mar 18, 2013 at 8:06 PM, asgallant <drew_g...@abtassoc.com> wrote:

The Gauge charts are drawn inside an HTML table (to handle the layout), so you can style the table's <tr> and/or <td> elements to get the spacing you want.

On Monday, March 18, 2013 8:01:28 AM UTC-4, Nikhil Agrawal wrote:

Hi,

I am using google gauge chart , but the charts appears very close to each other. I there any way i can adjust the space between this chart ??

Awaiting a response. Thanks. :)

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.

To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsub...@googlegroups.com.

[Nikhil Agrawal]

Thanks its worked.. :)

To unsubscribe from this group and stop receiving emails from it, send an email to google-visualizati...@googlegroups.com.