Is there any option to select coordinates(ie min and max) values by selection without zoom in Highchart.
Thanks.
Try this out: http://jsfiddle.net/8LBFp/
Related
We are building an iOS app using HighCharts components. Defined HIColumn for Bar Chart in XAxis with couple of HISpline (AreaChart) overlay on yAxis that can be toggled. When a user is zoomed in to a specific xAxis period, upon adding the spline, the Chart looses the Zoom and redraw itself. Is it possible to add a spline at runtime without loosing the zoom? These are the things I tried:
Set Min/Max on XAxis. How can we get the current Min/Max/tickInterval when the user zoom in on the xAxis.
Instead of dynamically adding the spline, tried making it visible true/false but still the chart refresh and lose the zoom.
Any help is appreciated.
Thanks!
i have a problem with minRange
My chart is "time series, zoomable" type (i enabled also scrollbar for x-axis).
I would like to have minRange weekly when i zoom the chart, but doesn't work...
`http://jsfiddle.net/rax26mvb/`
why ?
thanks!
The minRange define maximum zoom level, when you zoom by selection. In your case you need to also define min/max values on xAxis.
Is it possible to reset the choosen xy zoomvalue after klickin on a rangeSelector (e.g. 1y), because the chart looks distorted when I am switching from xy zoomvalue to a specific range.
Cheers
This is how Highstock works, see this thread.
What come cross my mind is to disable range selector and use your own button which will reset extremes (via setExtremes()).
While selecting a range for zooming a Highcharts chart, I'd like to be able to display a tooltip showing the limits of the selected range (min/max x for zoomType x; min/max x and y for zoomType xy).
Is this possible and how would I go about implementing it? Is there for example an event that is fired repeatedly while selection is in progress?
You can catch setExtremes() function and implement your custom tooltip (i.e as a div)
http://api.highcharts.com/highstock#xAxis.events.setExtremes
There is a strange behavior ar may be even bug in highcharts. If I change series data while chart is zoomed, I can't zoom it anymore:(((
Here are steps to reproduce
Goto http://jsfiddle.net/CXKmD/2/
Zoom chart using mouse
Click "Change" button to change chart's data
Try to zoom again using mouse
The problem is that after these steps event.xAxis is undefined, so we can't get min/max values of mouse zoom selection.
Are there any workarounds to let chart change it's data in zoomed state and then zoom it even further?
Not a bug
You are unnecessarily converting the timestamps to date objects, whereas the setExteremeMethod expects timestamps, while now you are passing it a date. Changed your code to this and it worked
if (event.xAxis[0]) {
startDt = event.xAxis[0].min;
endDt = event.xAxis[0].max;
}
fiddle # http://jsfiddle.net/jugal/tdkwy/