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!
Related
While using Highcharts i come across the following problem after implementing my navigator.
In specific zoom areas many tick labels appear on xAxis creating a mess.
Example in this image.
But when i zoom out a bit for example the xAxis labels automatically transform to:
Is there a way to have a specific amount of ticks each time to avoid this behaviour?
I'm working on similar problem mentioned in the post
highchart plotline can have move animation?
I need to enhance it by adding label to plotline. When ever plotline location changes, its label should also change and its location as well, showing the current Y axis value.
I am working on high charts (pie and bar). while page loads, charts are not center aligned, but as soon as I do inspect element it gets aligned. Can anyone suggest possible reasons?
In the pie chart you have center parameter which allows you to position chart.
Example: http://jsfiddle.net/40h671s3/
I am using highcharts library to draw chart and I need to display Weekdays as labels on x-axis and also to auto reset it like from Monday to M if all weekdays can't fit on screen.
It should be dynamic, which means no flickering should appear when changing label text on x-axis.
Any suggestions?
Thanks in advance.
There is no straight option for that, rather simple workaround:
Disable reflow from Highcharts, use window.resize browser event
In that event add condition to decide showing full name of just shortened, and set this for chart - chart.xAxis[0].dateTimeLabelFormats should be fine
After setting new format, apply new chart dimensions using chart.setSize(w, h)
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/