Highcharts：如何使工具提示位置在视口中可见

我使用垂直方向更长的图表，该图表在启用Veritical滚动的情况下包装在容器中。一切正常。但是，当我创建一个工具提示（在我的情况下是一个大工具提示）时，它有时会隐藏，因为它认为图表的视图端口很大。有没有办法使工具提示处于固定位置或始终显示在父容器的视口中？Highcharts：如何使工具提示位置在视口中可见

enter image description here

具有类似问题的一个样本小提琴：http://jsfiddle.net/Swsbb/52/

<div style='max-height:300px;overflow-y:auto'> 
    <div id="container" style="height: 1000px"></div> 
</div>

来源

2014-11-21 bragboy

见[此]（http://stackoverflow.com/questions/10734746/highcharts-tooltip-溢出是隐藏的）问题和[这一个]（http://stackoverflow.com/questions/ 18658043/highcharts馅饼，提示切口关闭）。 – 2014-11-21 13:37:07

@PawełFus：两者都不同于我所问（见我的小提琴）。感谢您分享他们。 – bragboy 2014-11-21 14:55:48

您可以随时禁用内置的工具提示，并创建自己的位于该容器外部的工具提示。然后简单使用['plotOptions.series.point.events.mouseOver/mouseOut']（http://api.highcharts.com/highcharts#plotOptions.series.point.events.mouseOut）事件。 – 2014-11-21 15:22:36

在提示有选择useHTML，即增加了高级格式化，以提示，也有选择positioner - 这是回调函数允许您更改工具提示的位置。

// fixed position 
positioner: function() { 
    return { x: 10, y: 10 }; 
}, 

// change position only for y 
positioner: function (labelWidth, labelHeight, point) { 
    return { x: point.plotX, y: point.plotY - 50 }; 
}

来源

2014-11-21 13:00:23

Highcharts：如何使工具提示位置在视口中可见

回答

相关问题