Tutorial: Ext-JS Charting and Mapping with Google Visualizations

Oct 14

ClaudeExt JS, Featured, Tutorials , , , , , , , 6 Comments

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.

Proceed to the tutorial.

6 Comments (+add yours?)

  1. Aaron Conran
    Oct 14, 2008 @ 10:50:06

    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'}

  2. claude
    Oct 14, 2008 @ 18:57:16

    Thanks Aaron. I have updated the tutorial.

  3. Veerendra
    Nov 19, 2008 @ 14:31:07

    I followed your tutorial above but was unable to see any output.Could you please what might have gone wrong with above tutorial?

    Thanks.

  4. claude
    Nov 19, 2008 @ 14:38:25

    @ Veerendra: Do you have a site we can look at?

  5. Mauricio
    Dec 05, 2008 @ 11:15:22

    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?

  6. claude
    Dec 05, 2008 @ 11:41:20

    @Mauricio: Do you have a link we can look at? If not, email me your code and I will take a look.

Leave a Reply