when I drag highchart and pull the chart to right ,I can not reach to left corner of chart
like this image below
always remain space between navigator and the left arrow
here is fiddle http://jsfiddle.net/ne1xwc2n/
I set ordinal:false in xAsix and the problem was resolve
Related
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.
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.
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);
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
I have a bunch of controls that start off hidden. When the Options button is clicked, the controls are displayed in a drop down box with a border. On Chrome, when the box is expanded, it looks like the left hand border is pushing the right hand border out of alignment with the button.
The drop down look like this:
See http://jsfiddle.net/Qs2zp/ for the code for this example.
If I remove the left hand border, the right hand border falls into place
See http://jsfiddle.net/Qs2zp/1/ for the example without the left hand border.
I am not able to reproduce this problem in Firefox or IE.
Has anyone else ever seen anything like this before?
Thanks
Is this acceptable? The CSS I added is in #controls-title and .options-dropdown-expanded. I basically set a left padding on the title bar that gets removed when the dropdown is expanded so that the left border doesn't shift the title bar to the right when it appears. I also set a -2px right margin when the dropdown is expanded so that the right border pops in rather than jutting out.