我遇到了 highcharts 工具提示定位的问题,即使有足够的空间将其显示在顶部,工具提示也会呈现在该点下方,部分位于视口之外。我没有使用定位器功能。我有一个反向 Y 轴,并且工具提示的外部选项设置为 true。每当我们将鼠标悬停在位于页面底部附近的点上时,这都会添加一个滚动条。
Highcharts.chart('container', {
xAxis: {
categories: [
'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep',
'Oct', 'Nov', 'Dec'
],
},
yAxis: {
reversed: true
},
tooltip:{
outside:true,
useHTML:true,
padding:60,
},
series: [{
data: [
29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1,
95.6, 54.4
]
}]
});
注意:请将视口高度设置为435px以观察此问题
请尝试一下,
tooltip:{
outside:false,
}