首页 > 解决方案 > 在执行鼠标悬停工具提示时,具有自动框架可见性的旋转 3D Highchart 会导致奇怪的行为

问题描述

我们创建了一个带有线条系列的 3D Highchart。我们将每一侧的框架可见性设置为“自动”。首次加载图表时,将鼠标悬停在图表上时,一切看起来都很好。工具提示出现在它们应该出现的地方,一切都很好。

因此,为此,假设 3d 图表的初始加载有一条从左到右的线。当您使用左侧的鼠标进入图表时,它开始在左侧点上显示工具提示......当您向右移动时,它会将工具提示移动到最近的点(向右移动)。

当我们旋转图表时(比如背面),我们希望工具提示仍然出现在鼠标附近。然而,它显示了完全相反的观点......

对于此示例,假设旋转的 3d 图表现在向您显示背面。当您使用左侧的鼠标进入图表时,它开始在右侧显示工具提示(技术上是左侧的点,因为我们正在查看背面)......当您向右移动时,它会移动工具提示到最近的点(向左走)。

使用带有将框架可见性设置为“自动”的 3d 图表的工具提示功能是否缺少某些内容?

JS Fiddle - 旋转图表并从背面查看工具提示无法正常工作..

tooltip: {
    enabled: true,
    useHTML: true,
    shared: true,
    formatter: function () {
        return this.point.x + ', ' + this.point.y + ', ' + this.point.z;
    }
},

https://jsfiddle.net/avcxp0d8/

标签: highcharts3dtooltipframemouseover

解决方案


推荐阅读