Tutorial: Ext-JS Charting and Mapping with Google Visualizations
Aaron Conran posted an entry about Ext.ux.GVisualizationPanel, a user extension that takes advantage of the similarities between the Ext data store and Google’s data table to allow reuse of an Ext data store with Google’s Visualization API.
Tags: Data, Ext JS, Google, JavaScript, Library, LinkedIn, Tutorials, Visualization


Claude -
Great use of the extension!
I just wanted to comment and let you know that you actually don’t have to modify the source of GVisualizationPanel.js to use the annotatedtimeline visualization. You can pass in an object literal with the pkg name as the key and the value as the class name. Like this:
visualizationPkg: {'annotatedtimeline':'AnnotatedTimeLine'}Thanks Aaron. I have updated the tutorial.
I followed your tutorial above but was unable to see any output.Could you please what might have gone wrong with above tutorial?
Thanks.
@ Veerendra: Do you have a site we can look at?
Thanks for the tutorial. I was able to run your code without difficulties.
In my case, I have a ‘card’ layout with a chart in each card. Each card is of xtype ‘gvisualization’. I must be doing something wrong as GVisualizationPanel is complaininng in line 105 which I guess means that the is not ready.
Any hints?
@Mauricio: Do you have a link we can look at? If not, email me your code and I will take a look.