How to build a Gantt Chart with the Google Charts API
The Google Charts API is an excellent way to add high quality charting to your web application. We first started working with the API as part of the Simpli5 dashboard development, and were quite impressed with its functionality and ease of use. Wrapper classes were developed and added to our Sandstone Application Framework to make the addition charts to Simpli5 and other applications as simple as possible.
An application we are developing for a client requires some graphic representation of progress along a timeline of multiple steps. A Gantt Chart is the obvious best solution, but alas that is not a chart type available from the Google API. However, a Gantt chart is really just a special type of bar chart, and bar charts are available in the API. So the question was, how can we make the standard Google bar chart display as a Gantt?
The Google Charting API Developer’s Guide does an excellent job documenting the “how” side of things, so to avoid repeating a lot of stuff from there, we’ll just focus on the “what” of building a Gantt chart with Google.
Search
Popular Posts
- 50 Tips To A User Friendly Website
- My Favorite Pomodoro Timers
- Why Flash is Mostly Bad
- Sharing the Grid
- Why You Should Outsource Usability Testing
- 10 Tips to Better Google Wave Conversations
- The difference between User Research and Usability Testing?
- How to Label Submit Buttons
- Our New Development Process
- Paper Prototyping vs. Balsamiq Mockups
Latest Comments
- Robert → “ I have to agree with the design of the site being great. I am more interested in how the website got ranked so high and some keywords land first page in searches when the page it lands on has no page rank.…”
- Etienne Segonzac → “ Hello everyone ! I would love to have a chat with other Pomodoro users (and the mailing list is quite slow). The thing is for me the main takeaways of the technique are the rhythm + the motivation of visualizing my progress. BTW, the Navel Labs app is quite gorgeous (and the compliment is coming from a concurrent…”
- some guy → “ Nice work! Thanks...…”
- sirber → “ Is there a limit to the URL size? What if I want to create a massive chart?…”
- Randy Martin → “ I have used the classic 12 column grid for all my design tasks for nearly 15 years. 12 column grids came out of print, allowing one to set type full page, half page, quarter page, third page, sixth page, etc., extremely easy. More than that, keeping things on the grid puts elements in balance and…”