Highcharts 工具提示刷新检查悬停项目

Question

在 Highcharts 中，我目前正在使用 tooltipRefresh 到运行在当前工具提示中呈现动态内容的函数。

例如，我正在使用：

chart: {
    events: {
        tooltipRefresh: function (e) {
            createTableChartGauge();
        }
    }
}

如果悬停数据是特定颜色，我只希望 createTableChartGauge() 为运行。我尝试记录通过 tooltipRefresh 函数传递的 e，尽管它只包含所有图表数据，没有特定于悬停数据集的内容。

如何检测当前悬停的元素以便我可以呈现每种类型的特定内容？

Answer 1

您可以访问 this.hoverPoint，其中包含实际点数。所以运行只有当颜色匹配时你的方法：

    chart: {
        events: {
            tooltipRefresh: function (e) {
                if(this.hoverPoint.color === "#eefffe") {
                    createTableChartGauge();
                }
            }
        }
    },

Highcharts 工具提示刷新检查悬停项目

Highcharts tooltipRefresh check for hovered item

javascript

jquery

highcharts