Skip to main content
jP_web_icon

Examples

Go Search
Home
  
Examples > src > GoogleChartsAPI  

Web Part Page Title Bar image
OSGoogleChartsAPI

 jPart.googleCharts How-To

This is the implementation of Google Charts API jQuery plugin on top of jPoint.
 
You are looking at the FeedbackExample list and its Editor column.
 
Any comment entered into Feedback on the Examples/default.aspx page gets tallied.
 
User can change site/list/column in order to show different data.

To setup this example on your site:

1.

Add a standard SharePoint content editor or form webpart to your page

2.

Edit the webpart source and paste following lines:

<script type="text/javascript" src="//sharejpoint.googlecode.com/files/jPointLoader.js" ></script>

<script type="text/javascript" src="//www.sharejpoint.com/src/jPoint/webparts/jPart.googleCharts.js" ></script>

3.

Save

4.

Exit edit mode

5.

To configure the jPart for the first time, click Edit to modify the default options

SiteURL

http://www.sharejpoint.com/ (Path of your site)

List Name

Name of your Sharepoint List

View

Sharepoint list view. If blank uses default.

Column

Sharepoint list Column to aggregate graph.

Graph Type
  • Bar
  • Line
  • Pie Chart
  • 3-D Pie Chart

6.

Click Update button to save options back into the jPart

 

Special thanks to:

Massimiliano Balestrieri at http://maxb.net/blog/ for his jQuery Google Charts plugin

 Google Charts jPart