side by side layout of several gauges

[tristian2]

hi all,

i need to display three gauges next to each other. these three gauges
have slighly different properties so i cant use

var chartHigh = new
google.visualization.Gauge(document.getElementById('chart_divHigh'));
var optionsHigh = { width: 200, height: 60, redFrom: 0, redTo:
10,
yellowFrom: 10, yellowTo: 20, greenFrom: 60, greenTo: 100,
minorTicks: 5

/* i need these for the other two guages

[width: 200, height: 60, redFrom: 0, redTo: 10,
yellowFrom: 10, yellowTo: 20, greenFrom: 80, greenTo: 100,
minorTicks: 5];,

[width: 200, height: 60, redFrom: 0, redTo: 10,
yellowFrom: 10, yellowTo: 20, greenFrom: 60, greenTo: 100,
minorTicks: 5];
*/
};
chartHigh.draw(dataHigh, optionsHigh);

i can simply draw three different gauges on the screen, but these
display in blocks, not inline. i need the three charts to display
alongside each other.

any ideas how to do this?

thanks
tristian

[asgallant]

I don't think there is any way to pass different configuration options for each of the individual gauges in a gaugeChart.  You can use CSS to position three charts side-by-side, though.