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.
Related
I want to build a radar chart like this link using victory-native package on react-native. The example I have on the official site is this one: link. As you can see, the grid is rounded and I need I polygonal grid. How can I achieve that using victory-native package?
I am trying to create a flocked stacked bar chart like the one shown in image, please provide resources or code in sandbox for it
This site shows class components snippets to do what you are trying to achieve.
Since I'm updating my application from Ext JS 4.2.1 to Ext JS 5.1, I took the chance to upgrade my old charts to the shiny new sencha charts. I've been trying to set up an interactable stacked bar chart that looks like this
Users should be able to click on the bars or on the labels on the left to check out the details.
I've managed to capture mouse events on the chart bars (using the chartitemevents plugin), but I'm stuck trying to capture click events on the labels.
I've tried using the spriteevents plugin on the chart, but on 5.1 it simply doesn't work, and it's broken on the 5.1.1 nightly builds (you always get the background sprite no matter what). Even if it did work, getting the correct sprite would only get me halfway there as I would have no clue about which series does that label belong to.
Here's a fiddle with an example of the situation: https://fiddle.sencha.com/#fiddle/hjm
Does anyone know of a way to do this?
As and added bonus, it would be great if it was possible to capture onmouseover and onmouseout events too, so I could change the cursor to pointer whenever a label is hovered.
i just created a plugin for axis click: Sencha Forums
Ask me anything if the plugin usage is not clear.
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.
I have searched many docs in google but didn't find anything about creating bar chart and graph chart in one image by using JFreeChart. Does anybody know it?
OverlaidBarChartDemo is one such example, but you should also browse the JFreeChart Demo.