Is is possible to move the highcharts hamburger menu into another div? I wanted to place this menu button in either a header or a footer to the displayed chart and not have it show in the chart area. I tried playing around with the css and set the :
navigation: {
buttonOptions: {
symbolX: 23,
symbolY: -22
}
}
so i can push the menu button to the area of the header but it seemed that the icon disappeared either behind the header div or just doesn't show once it leave the chart display area.
Anyone have any input on this matter?
Related
How do I hide these pesky menu bar tooltips i.e. Borders / Fill color / Horizontal align, etc. They get in my way too often.
Here is an image...
https://drive.google.com/file/d/1QKy_-8MsDq_-LiEse_ORkhKNiD8xddTx/view?usp=sharing
cell tooltips can be hidden with the × and menubar with ^ button on the right
update:
you can do this too but not directly/within google sheets. you can do it for example with Adblock Plus option "Block element"
where you clock:
docs.google.com##.jfk-tooltip
How to set tooltip in highcharts map not hidden or moved after showing first time, if click again hide tooltip and so.
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'm using a jquery UI dialog to have users accept a Terms & Conditions popup where the content is too long to fit in the popup's height. So a scrollbar appears when the dialog pops up, but it opens with the scrollbar at the bottom.
This doesn't seem to be possible through the dialog options.
Anyone know of a way to get the dialog to open with the scrollbar at the top?
Like commented above you might have an element at the bottom of the dialog's content that initially receives focus, which causes the scroll bar to scroll to that element when the dialog opens. You can try the workaround in the comment, which should work if the problem is indeed caused by a focus issue. Alternatively, you can manually scroll the dialog's content to the top. You can accomplish this by specifying an open callback and scrolling the dialog's content to the top position in there, like so:
$("#dialog").dialog({
open: function () {
$(this).scrollTop(0);
}
});