I'm using Highstock.JS to display a chart. But the text label on flags appear on top of the tooltip. (Picture attached).
Any idea on how to fix this?
Probably you have set useHTML for dataLabels for flags - disable it and will work. useHTML create html tags, which are always above SVG elements (like tooltip background).
Related
How to set tooltip in highcharts map not hidden or moved after showing first time, if click again hide tooltip and so.
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
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