16 Oct 2012 6:37 AM #1
Unanswered: Integrating Google chart with ExtJs 4-MVC
Hello forum members,
I have been working on a ExtJs 4 - MVC based project which looks almost like Complex dashboard example. I have a combobox which contains different types of charts like line chart, pie chart, bubble plot,geo chart etc. Whenever I select any chart from combobox I want to get respective chart in the center panel(border layout). I could able to implement line chart and pie chart using built-in chart APIs available for ExtJs. Now I want to integrate Google chart library with my application (For Ex: Google's bubble chart library ). After integrating the chart with EtxJs how do I implement click handling in google chart? Any help would be greatly appreciated.
PS: I'm a newbie to ExtJs. I still don't understand MVC in ExtJs completely. So detailed explanation would be really helpful.
Thanks a lot.
22 Oct 2012 8:53 AM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
You would have to listen for the event on the element (or from google api) and fire the event on the Ext JS component. Once the event is fired on the component, any controller can then listen for it.
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services email@example.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.