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
I work as an application architect at Dow Jones & Company, the parent company of The Wall Street Journal, Dow Jones Indexes and Marketwatch.com.
On my time *off* I do freelance work for small businesses. I also like to tinker with electronics and have recently taken up photography and competitive shooting.
Learn more »Front-end engineering. Full cycle application architecture and development of Internet based systems including conceptualization, logical modeling, physical design, development and implementation.
Ajax, JavaScript, Ext-JS, jQuery, UX, CFML, PHP, CodeIgniter, C#, WordPress customization
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.