I have four HighCharts on a page, stacked vertically. In each of these charts I have buttons that change the data range and re-load the chart.
This works fine for the top two, but when the chart re-loads on the bottom two it moves the screen up the page, always to the same point.
With some testing I found that it doesn't matter what order the charts are in, and also if you click the button on the top form and scroll down the page, it moves the page back up to the same position.
It's like HighCharts has a lower limit on where the page an be and always moves it back to this position when a chart is loaded.
I can't find any settings within HighCharts or anything on Google that will sort this.
I thank you all in advance for your help
Paul
It's because chart container height for a moment gets smaller on chart reload. You can fix this by setting fixed container height.
Related
I have an ag-grid-react set up with a series of components in place for cell rendering. When my dataset loads the vertical scroll works well but the horizontal scroll isn't obvious unless using a trackpad or horizontal scroll enabled mouse.
I would like to be able to add a scroll bar to the top of the grid as well as the automatically generated one at the bottom?
Has anyone encountered this, come up with as solution?
Thanks in advance.
Note : I found this solution How to add a horizontal scrollbar on top of the ag-grid but seems this is old and not working.
I'm trying to implement the following screen in Flutter.
It seems trivial to do so, but I couldn't find a way to achieve the same results. This is what I have so far:
My solution without scrolling
Solution following the Flutter demo but placing a map as a SliderAppBar
As you can see, I have a few problems:
This is the most accurate solution (don't look at the small blue widget moving up and down). I can move on the map and scroll through the ListView but I can't move the divider to expand the ListView. Notice that I don't want the ListView to move to the top, but until the user stops.
This one seems the correct solution but, as you can see, there are more problems: The map seems to resize instead of stay the same but just resize its container, and when I scroll down, I see the background of the Scafold.
Any ideas? This is the link to the solution 1.
PD: Sorry for the links to the GIFs. Their size was about 10MB each and I couldn't upload here.
I'm experiencing really strange behavior.
If I resize the timespan selection in the Navigator, I can scroll the selection left and right as many times as I want.
But is i sekect area directly in the chart, it zooms in to the selection, but afterwards if I try to scroll the selection in Navigator, the selection jumps to the right side of Navigator and stays there.
Any ideas what may be the difference between resizing with these two approaches? Are there any specific events trigerred after resizing in the chart vs in Navigator?
Is there a way to re-center the chart after a user has zoomed in\out or panned the chart? I would like to give the user the ability to be able to get the chart back to its original zoomed and panned view. Use case would be if they zoomed in to far or off of the chart line completely.
If you do renderer.setZoomButtonsVisible(true) you will see three buttons on the bottom right side of the screen. One of them does what you need.
Otherwise, you can call chartView.zoomReset() in order to programmatically trigger this.
I have a case where there is a scroll view for the graph in core-plot. On scrolling to the right, the labels of the y-axis is hidden. Is there a way to fix it visible throughout the scrolling session of the graph?
If your graph hosting view is inside a scroll view, there isn't anything you can do. If you're using the built-in scrolling, set the axisConstraints on the y-axis to pin it to the left or right side.