How to display the extjs chart and the extjs grid in one page - extjs

In my requirement I have to display the pie chart and the grid panel which should show the statistics data when we click on the commandlink. So I have developed the pie chart in 4.0.7 version and the grid panel which show data is 3.1.1 and i shown a command link above the chart when i click on the link the grid with the data have to show in the same page. but when i click on the link the grid with data is not showing. In error console i am getting ext_all.js is not supported is showing.

Salesforce uses extJS3 for some of their own stuff and if your page uses factory sidebar, etc, then you need to use extJS4 in sandbox mode. See here

Related

Disable feature of Apexchart

I used type Area Charts of lib ApexCharts.js for create chart in React Js app. But i have problem when i zoom in or zoom out the screen, the chart will auto re-render and reload data for display.
How to disable that feature?

Add more charts in angular highcharts

I use angular highcharts-ng and only have a line chart, bar chart and pie chart. Now how can I add more charts like gauge chart and score card in this plugin?
plugin github page
You'll need to add a new series with the desired chart type. There are some good demos on the Highcharts home page that show combo graphs.

Reload store / refresh grid in main window when button is clicked in Modal window in EXTJS

I am facing a problem in my EXTJS application.
Basically there is a grid which displays all the projects. In my main menu which is a different file, I have "Add Project" link. On clicking this, Add Project modal window opens irrespective of any main window which may be project list or dashboard currently displaying in browser.
Now I want if the main page is the Project List in the browser and I open the Add Project modal, When I will click Add button, I want the grid / store in the project list page should reload or refresh.
I am not getting any way to get a reference to the project store in the project list page from the Add Project modal window.
Can any one please help me on this.
Thanks in Advance... :)
You can use Ext.getStore('your_store_name'); to get a reference to your store.
The sencha grid tutorial covers this: http://docs-origin.sencha.com/extjs/4.2.2/#!/guide/grid

ASP.NET AJAX Calendar in Modal Popup with Update Panel

I am implementing a grid view edit and delete functionality using Modal Popup.
I am using ASP.NET Ajax Calendar in Ajax Modal Popup inside an update Panel, but calendar is not showing at the proper place, some it not even show at all, when i click on its TargetControlID (a Text Box).
i also tried to use, following scripts as i googled but NOT solved the issue -
Any Solution??

ExtJs slider bar chart

I am trying to find Slider bar chart functionality in ExtJs like we have Google finance chart given in the link below:
http://www.google.com/ig/directory?type=gadgets&url=www.google.com/ig/modules/finance_chart.xml
for example: We have scrollable long chart and as we scroll or slide the part of the chart, that is shown as chart in real big view.
Please let me know if we have this chart in ExtJs. If not, then please let me know if we have this chart in fusion charts or any third party library that we can integrate that in ExtJS.

Resources