Question

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

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>

Answer 1

在工具提示中有选项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 };
}

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

1 个答案: