Tag Archives: Google Charts

Gantt Chart with Google Charts

Hi Friends

Graphs & Charts are used to illustrate many types of data and are not limited to the simpler types such as line, bar, and circle. They help to make facts clearer and more understandable. Beautiful Graphs and Charts always adds to any report or analysis.

One such chart is Gantt Chart, Gantt chart is a specialized bar chart used to provide a graphical overview and schedule of tasks. It helps in analysis of planed goals and actuals results. This is a chart with rectangular bars.

In one of my project I was required to create a graphical report to compare forecasted and actual Milestone data. So I felt Gantt Chart is the best way to display the comparison. After some research on google I found an easy way of creating Gantt Chart using Google Charts API.

Here is a sample code for it

<img src=”http://chart.apis.google.com/chart?
cht=bhs
&chs=400×200
&chd=t:0,0,0,0|10,20,30,40|10,20,40,20
&chxt=x,y
&chxl=1:sad|Testing
&chxr=0,0,100|1,0,100
&chds=0,100
&chco=008080|00CCFF,ffffff00
&chg=20,50
&chbh=20,10
&chtt=My Gnatt Chart
&chts=000000,25
&chdl=Forcast|Actual
&chdlp=b” />

My Gantt Chart

For any queries, confusion or R&D you can consult Google Chart API Documentation or you can also post your queries here.

Hope this post helps you, thanks for reading 🙂