ExtJs slider bar chart - extjs

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.

Related

How to add the focus to nvd3 charts in angular

I have to build a web app which is data driven, So I will have to use so many chart types from nvd3, there are some charts in nvd3 where the Focus is added.
But I will need to add the focus for every chart.
Is there any way to do that in angualr????????

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.

angular google directive for bubble chart

Is there a way to make google Bubble chart using AngularJs Google Chart Tools directive. Currently in their official document, only support following charts:
Annotation Chart
Bar Chart
Column Chart
Gauge
Hide A Series
Multi-Chart Example
Pie Chart
How can I use this to make bubble chart ?
google charts support bubblechart , the angular google directive is generic so , you can put $scope.chartObject.type="BubbleChart"; and the right $scope.chartObject.data.

Extjs 5.0.0 does not show labels in 3d pie chart

I am using extjs 5 charts and want to create 3d pie chart.
I am using the following code to show legend on the right hand side:
legend: {
docked: 'right',
},
It works in pie series, but not in pie3d.
Can anyone help me to show the legend in 3d pie properly using the following examples:
http://dev.sencha.com/extjs/5.0.0/examples/kitchensink/?charts=true#pie-3d
http://dev.sencha.com/extjs/5.0.0/examples/kitchensink/?charts=true#pie-basic
As can be seen, even example page does not provide legend for 3d pie chart, so I think there must be something wrong.
This is the 3d pie chart code screen shot and the screen shot of the deployed project.
I created an app with sencha cmd, included "sencha-charts" package in the required fields in app.json
added some static data with the code from the kitchen sink example app. in app->view->main
Built the app using Cmd. sencha app watch.
This is what my app looks like (since I have docked the legend on the right:
please post your entire code so i can take a look. Ask if you need some further help with this example.
PS: If you look at the sencha sample app from the kitchen sink, the legend is docked at the bottom of the page and can be seen upon scrolling down.
The 3d pie app is just a sample to show that legend displays fine.

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

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

Resources