+ Start a Discussion
AffinaquestAffinaquest 

Org Chart Google Visualization

I'm having trouble getting an org chart google visualization working.  I don't have any problem getting the sample code working for orgcharts from http://code.google.com/apis/visualization/documentation/gallery/orgchart.html.

 

I'm also able to get the datachart working as per the example from http://wiki.developerforce.com/index.php/Google_Visualizations.

 

Then I created my own page with a datachart using a json dataset with the appropriate columns to support an org chart.  I displayed this json data on my visual force page with this code:

 

<c:DataTable jsondata="{!RelationTable}"/>

 

The chart displayed perfectly and the data appeared to be in exactly the format required for an orgchart.

 

Then I added this statement to display the data in orgchart format:

 <c:orgchart jsondata="{!RelationTable}"/>

However, this statement gives me the following error when I try to save the visual force page:

"Component c:orgchart does not exist"

 

Does anyone have any idea of why the orgchart is not considered a valid component?  Is there some other visual force code or script that can be used to display the orgchart?  I tried modifying the code from the documentation gallery example to use json data, but I was unable to get that to work.

 

Thanks for reading this and any help you might be able to offer.

AffinaquestAffinaquest

OK, I've figured out the basic problem here.  There is no component for orgchart in the codeshare projectwhich Salesforce has put together for visualizations. 

 

Anybody care to help write one?

 

jlojlo

Affinaquest wrote:

OK, I've figured out the basic problem here.  There is no component for orgchart in the codeshare projectwhich Salesforce has put together for visualizations. 

 

Anybody care to help write one?

 


Affinaquest - there is an "org chart" component, but it's named "HierarchicalChart". 

The component can be found here: http://code.google.com/p/apex-google-visualization/source/browse/trunk/GoogleVisualizations/src/components/HierarchicalChart.component

 

There are two examples of this component in use:

http://code.google.com/p/apex-google-visualization/source/browse/trunk/GoogleVisualizations/src/pages/AccountHierarchy.page

http://code.google.com/p/apex-google-visualization/source/browse/trunk/GoogleVisualizations/src/pages/ContactHierarchy.page

 

If these files aren't already present in your Force.com IDE project, follow these instructions to get the latest code: http://wiki.developerforce.com/index.php/Google_Visualizations_Project_Update_Instructions