The code which I’m using is here, http://gist.github.com/394176, this code displays the graph properly except
1. One less than the total columns
2. Bar labels does not correspond to the value

Claudio, I’m in need of your help.

if(typeof jQuery==”undefined”){
var jQPath=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/”;
document.write(”");
}

var ColValue = new Array();
var ColName = new Array();

// Getting the Data
$(”document”).ready(function(){
var arrayList=$(”td.ms-gb:contains(’:')”);
var coord= new Array();
var labels= new Array();
$.each(arrayList, function(i,e)
{
var MyIf= $(e).text();
var txt= MyIf.substring(MyIf.indexOf(’(')+1,MyIf.length-1); // Extract the ‘Y’ coordinates
coord[i]=txt;
var txt1= MyIf.substring(MyIf.indexOf(’:')+2,MyIf.indexOf(”(”)-1); // Extract the labels
labels[i]=txt1+”(”+txt+”)”; //add also coordinates for better read
});

ColValue = coord;
ColName = labels;
});

//Graph Rendering
google.load(”visualization”, “1″, {packages:["columnchart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();

data.addColumn(’string’, ‘Department’);
data.addColumn(’number’, ‘Department’);

data.addRows(ColValue.length);

for (i=0; i<ColValue.length; i++)
{
data.setValue(i, 0, ColName[i]);
data.setValue(i, 1, parseInt(ColValue[i]));
}

var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, {width: 600, height: 240, is3D: true, title: 'Graph Title'});
}

http://code.google.com/apis/chart/types.html

Second, has anyone come up with a stacked bar chart solution? Even Google API didn’t appear to have anything. We want to provide execs with a chart that shows the number of Green, Amber and Red projects for each region.

Any help appreciated!