It is possible to have Master-Detail chart in HighCharts:
http://www.highcharts.com/demo/dynamic-master-detail/dark-blue
And this is very cool. Has anyone ever seen the same in Sencha ExtJS 4.0 or has an example of that?
It's not that difficult. Have a look at
http://docs.sencha.com/ext-js/4-0/#!/api/Ext.chart.Mask
In the first code chunk it explains how to get zooming functionality. With a bit of workaround you can get it to reset itself into the newly select zoom level.
Related
How can i create a navigation panel like the attached screenshot.
I checked in the sencha kitchen sink, there is no ext component that suits this. Is there a plugin available? if not how can this be done ?
I am not sure if this existed when you originally posted this question; however, a side navigation like this can be accomplished using a tree list using the property micro and some styling.
Modern Framework Example
Classic Framework Example
Someone in the comments asked, where they captured the image from. It's from the Angle template.
I want to do the same function like this
https://developers.google.com/chart/interactive/docs/gallery/annotationchart?hl=zh-TW
Does extjs have the same chart?
thx
Theres is nothing right out of the box with ExtJS for this but you could build your own using a linechart, scatterchart and a DataView on the side to display the comments. (Building the time slider at the bottom would be a little harder but it can be done as well).
What I would do however, is avoid myself a lot of work and follow this tutorial on how to integrate Google Charts with ExtJS: http://code.betancourt.us/ext-google-visualization/
Good luck!
does anybody know if it's possible to have the cell merging feature in the ExtJs grids?
then is the ExtJs grid working exactly in the same way in all browser and in the Android phones browser as well?
Thanks!
Out of the box a Grid(View) will never support this and negative margins won't work on all browsers. The more I think about it I must say no, you can't do this a save way.
The only possible solution is a custom rendered Table with a custom storebind. But I wouldn't do that.
Maybe this answer is kind of late, but it is a solution, it was created by a Sencha developer:
Row Spanning Solution.
And he also gives some suggestion here.
I need to enable zooming on the Silverlight charts I use - at the moment this is Silverlight Toolkit. As far as I've understood the SL Toolkit charts don't support zooming, however I'm looking into implementing this functionality. So far I haven't managed to get far: applying ScaleTransforms to the Series elements doesn't work as expected.
Can anyone provide me with example code on implementing zooming in Silverlight Toolkit?
I've previously looked into implementing zooming on the Silverlight Toolkit charts, however failed because of (probably) the following reasons:
Silverlight Toolkit charts don't seem to have been designed to be able to extend for zooming. There are no hooks that you could easily attack some zooming logic to, if you want to create zooming on them, you have to go much deeer.
The simplest way of implementing zooming is using ScaleTransform and RenderTransform to elements. In case of Silverlight Toolkit you want to apply this to the series. However just calculating the correct ScaleTransform and OffsetTransform are difficult enough
When scaling, you don't want everything to scale. If you zoom in 4x on a line series with points on it, you don't want the line to be 4x thicker and the points to be 4x larger. This means that even if you did implement applying the ScaleTransforms and RenderTransforms correctly, all you would get is a magnifying glass, which is still far from ideal.
After a few hours I gave up on adding this kind of support to the SL toolkit charts and instead looked for other components that support zooming and have a decent API to deal with it. These are the components I've found (though I'm sure there's more):
Visiblox Charts free version: it has a nice API and implenting zooming takes only a few lines of XAML according to this blog post (also see a post on a comparison with SL toolkit charts). Full disclosure: I have been heavily involved in development of this library.
Infragistics xamWebChart also claim to have support for zoom in the premium version of their charts
Telerik RadCharts also seem to allow zooming based on this example - though it's not clear to me whether you'd have to implement this functionality yourself.
Summing it up, I think the easiest way for you to go it with a component that already has zooming implemented - from my experience it would take a lot of investment to add proper zooming + panning to Silverlight Toolkit charts.
You should take a look at user610173's blog post. Specifically, download the full example code here: http://slchartzoomandpan.codeplex.com/SourceControl/list/changesets Very helpful!
Adding to Gergely Orozy comment about Telerik:
You can easily add the Zoom functionality with the following XAML.
<charting:ChartArea.ZoomScrollSettingsX>
<charting:ZoomScrollSettings ScrollMode="ScrollAndZoom" MinZoomRange="0.005"/>
</charting:ChartArea.ZoomScrollSettingsX>
You can check out a demo by clicking here and the source code is also available on that same tab.
I'd like to create a Winform app (Mono support would be a huge plus) to display a grid of rapidly updating numbers, while not running into redraw problems while scrolling.
From searching around I've found:
Telerik GridView
which seems to be exactly what I want. Is the Telerik path the way to go? Or is the capability available within the standard .NET tool set? If so, which widgets should I be looking at to implement such an application?
Thanks in advance for your help!
All the Grid components from vendors are going to have performance issues if you change the attached values very very quickly. So if you need high performance you really need to create your own. If you are concerned only about flicker and the update does not need to be amazing quick then you will be fine with Telerik or indeed any other vendors Grid component.
You could consider implementing Virtual Mode on the Telerik RadGridView to overcome any performance issues you might encounter.
The demo application included with the controls contains an example of a rapidly updating grid. Although its just a small demo, if you resize the window to be smaller the scrollbar will appear and you can scroll without any redraw issues. You can access the demo under GridView -> Performance -> High Refresh.
Unfortunately, the Telerik WinForms controls aren't compatible with mono.