即使对面有足够的空间,工具提示也会在视口之外渲染?

问题描述 投票:0回答:1

我遇到了 highcharts 工具提示定位的问题,即使有足够的空间将其显示在顶部,工具提示也会呈现在该点下方,部分位于视口之外。我没有使用定位器功能。我有一个反向 Y 轴,并且工具提示的外部选项设置为 true。每当我们将鼠标悬停在位于页面底部附近的点上时,这都会添加一个滚动条。

highcharts_incorrect_tooltip_position

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以观察此问题

highcharts
1个回答
0
投票

请尝试一下,

tooltip:{
  outside:false,
}
© www.soinside.com 2019 - 2024. All rights reserved.