Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/410.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Highcharts:如何使工具提示位置在视口中可见_Javascript_Jquery_Css_Highcharts_Tooltip - Fatal编程技术网

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

Javascript Highcharts:如何使工具提示位置在视口中可见,javascript,jquery,css,highcharts,tooltip,Javascript,Jquery,Css,Highcharts,Tooltip,我使用的是一个垂直较长的图表,它被包装在一个启用了Veritical滚动的容器中。一切正常。然而,当我创建一个工具提示(在我的例子中是一个大的工具提示)时,它有时会被隐藏,因为它认为图表的视图端口很大。有没有办法使工具提示处于固定位置或始终显示在父容器的视口中 具有类似问题的提琴样本: 在工具提示中有一个选项,用于向工具提示添加高级格式,还有一个选项-这是一个回调函数,允许您更改工具提示的位置 // fixed position positioner: function () { retu

我使用的是一个垂直较长的图表,它被包装在一个启用了Veritical滚动的容器中。一切正常。然而,当我创建一个工具提示(在我的例子中是一个大的工具提示)时,它有时会被隐藏,因为它认为图表的视图端口很大。有没有办法使工具提示处于固定位置或始终显示在父容器的视口中

具有类似问题的提琴样本:


在工具提示中有一个选项,用于向工具提示添加高级格式,还有一个选项-这是一个回调函数,允许您更改工具提示的位置

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

见问题和。@PawełFus:两者都不同于我所问的(见我的小提琴)。谢谢分享。你可以随时禁用内置工具提示,并在容器外创建自己的工具提示。简单使用然后事件。
// 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 };
}