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

Question

我正在使用一个垂直更长的图表，它包含在启用了Veritical滚动的Container中。 一切正常。 但是，当我创建一个工具提示（在我的情况下是一个大工具提示）时，它有时会被隐藏，因为它认为图表的视图端口很大。 有没有办法让工具提示处于固定位置或始终出现在父容器的视口中？

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

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

Answer 1

在工具提示中有选项useHTML ，它为工具提示添加高级格式，还有选项定位器 - 这是允许您更改工具提示位置的回调函数。

// 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 };
}

• http://www.highcharts.com/maps/demo/tooltip

• http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/tooltip/positioner/

• http://jsfiddle.net/Swsbb/