Dynamic Sharepoint Chart without any Coding [ jQuery , Google Chart API, Custom List )

Dynamic Sharepoint Chart without any Coding
Techology used : jQuery , Google Chart API, Custom List

Hi All ,

Here is the orginal post thatClaudio Cabaleyro did:
http://www.endusersharepoint.com/?p=1223.

Last week was very good because I have done lot's R & D on Google Chart API & jQuery and Sharepoint List.One of nice expreince of using jQuery , google chart api and sharepoint List.Without using any out of Box functionality chart is ready in your sharepoint List.Just follow some simple steps and Without any coding chart is ready ..... Just served with smile

Preview of Movie :

Steps :

1.On the list you want to base your chart, create a “Group By” view.
2.Create a new web part page and insert the just created list view.
3.Insert a Content Editor Web Part and paste the code below (remember to use the Source Editor).

Screenshot of Dynamic Chart in Sharepoint 2007 , without any coding



Same way you can also generate multiple pie chart of sharepoint list .Minor Modification in your steps

1. On the List of Sharepoint Create 3 different view using " Group By "
2. Create New web part webpage and add this 3 diffrent View in web part page.
3. All of above add one content Editior webpart and copy and paste below Code.
4. For Tips : If you want to display only your chart then Hide All Other Three views of your custom list.
5 Cheers for life

Screenshot of Dynamic Multiple pie chart in Sharepoint 2007 , No Coding at all Smile ...

Image by Gandhi Pritesh via Flickr

Cheers
Pritesh Gandhi.

Money isn't everything but it sure keeps you in
touch with your children.