How to control Two chart of highstock with scroll bar - highcharts

I would like to write a external scroll bar to control two chart or other things for highstock.
And I would like to ask how to control the scroll bar for the chart.
I saw the API, it do not provide a event for it.
I think it can be two solution.
Control the navigator or scroll bar to make it move left to right in two chart together.
Control the date of rangeSelector
Please help.
Thanks

You can control charts by setExtremes() function.

Related

Add scroll bar to mat tab based on the content size

I have a cytoscape graph on a material tab. I have a button that makes graph larger. I would like to add a scroll bar when the graph is larger.
Here is the stackblitz: https://stackblitz.com/edit/angular-68qptm?file=src%2Fapp%2Fshow-customers%2Fshow-customers.component.html
Click on graph and click on large and you will graph becomes larger but I do not see any scroll bar in the x-axis.
I am trying to add scroll bar as the content becomes larger.
I don't know how you can add a scroll bar. I think it might be nasty to achieve such a thing because the size of the graph canvas stays the same when you zoom in/out or pan.
But I believe navigator extension might be useful.
Below is a small gif of how you can use navigator extension You can see that at the bottom left there is a small map or navigator.

Can Power BI users access a tooltip scrollbar

I have a tooltip that references a bar chart visualization with more rows than can be displayed at once. When I apply this tooltip to a report visual and hover over it I cannot click and drag the scrollbar without closing the tooltip itself, nor can I use my mouse's scrollwheel to slide the scrollbar either.
Apart from adding the tooltip visual to my report page, is there a setting or toggle to lock the tooltip in place or otherwise make the scrollbar usable in Power BI?
Users currently cannot interact with objects on report page tooltips (scrolling, visuals like slicers, etc.). Best to resize the tooltip page height or re-think the visual (e.g. "Top 5" in bar chart only) to avoid the scrollbar if possible.
More Info about that

Getting chart object when clicked on any bar of stacked bar chart(HighChart)

I am working with Stacked Bar chart(High Chart),
I am trying to implement fallowing behaviour,
when clicked on any bar of stacked bar chart, want to highlight whole chart.
I am highlighting chart by changing background image(plotBackgroundImage) of chart, for this we need chart object. my question is how to get chart object when clicked on bar.
any suggestion regarding this is helpful.

Auto focus on a legend item in highcharts

We are facing an issue while implementing the legend bar in highcharts. The legend bar is scrollable with multiple legend items. Only few graphs/series are highlighted on the chart and rest are all invisible. So if there are 20 items in legend bar and only the last item is highlighted, when the chart is first accessed on browser it appears as if none of the items are highlighted as the legend would display first page by default. The highlighted item in legend would be accessible only after user scrolls to next page of the legend. Instead we would like the legend bar also to be autofocussed to that screen where there is first highlighted item.
Would this be possible
Thanks in advance!!
There is no official way to do it, but you have two options:
make sure visible series come always as first (just sort them before chart is created)
use built-in function to scroll legend using chart.legend.scroll(pageIndex, animation);

highstock mouseover out the left border of chart but there is still a bar data

When mouse over out the left border of chart, there is still a bar to show, why?
First picture there is a bar outside of the chart. It looks strange:
Second picture is the real first bar:
I want this behavior: When mouse at outside of chart I don't want to show any bar.
Can anyone help? Thanks.
Unfortunately tt is not possible, you can only disable mousetracking or hover option.
http://api.highcharts.com/highstock#plotOptions.series.states.hover

Resources