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!
Related
[1]: https://i.stack.imgur.com/AqE6r.png**strong text**
Does anyone know which carousel library is best for achieving this effect, with the previous and next pictures overflowing onto the screen as shown in the linked picture? Bootstrap 5.1 and react-bootstrap seem incapable of this.
You can do it easily with this library.
https://swiperjs.com/
Swiper Demos (Examples)
https://swiperjs.com/demos#slides-per-view
https://swiperjs.com/demos/110-slides-per-view/core
For the installation on react the documentation is quite good
https://swiperjs.com/react
You can configure the number of slides you want to see on your screen... In your case, it's 3 slides per view.
For the rest you just adapt with the CSS to get the view you want.
I am using chart.js 2 in React. I have this horizontal line, on top of which on the graph itself I would like to place a label, right above the dotted-line.
I have seen a lot of this on chart.js in pure vanilla JavaScript, but it's a little bit different in a react application it seems. Thank you
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 am trying to find out Export feature for Bar charts to JPEG/PNG... I didn't find this any where in extJs examples section. Please let me know if this feature is available in Extjs charts or not.
Please share the examples or URLs on this, if any.
Any thing on this will be much appreciable!!
They have something now for 4.1 where they convert it on the sencha server for you. I haven't tried that but here's how I did it.
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.