Javascript Highcharts工具提示背景色继承自悬停元素

是否可以在工具提示中添加背景色作为悬停线

例如，当鼠标悬停在蓝色上时，工具提示背景颜色将变为蓝色

    tooltip: {
            borderWidth: 0,
            backgroundColor: "rgba(255,255,255,0)",
            borderRadius: 0,
            shadow: false,
            useHTML: true,
            percentageDecimals: 2,
            backgroundColor: "rgba(255,255,255,1)",
            formatter: function () {
                return '<div class="tooltop">'+this.point.name + '<br />' + '<b>' + Highcharts.numberFormat(this.y).replace(",", " ") + ' Kč [' + Highcharts.numberFormat(this.percentage, 2) + '%]</b></div>';
            }
        }

工具提示：{
边框宽度：0，
背景色：“rgba（255255,0）”，
边界半径：0，
影子：错，
是的，
百分比小数：2，
背景色：“rgba（255255,1）”，
格式化程序：函数（）{
返回“+this.point.name+”
“+”+Highcharts.numberFormat（this.y）。替换（“，”）+“Kč[”+Highcharts.numberFormat（this.percentage，2）+“%]”；
}
}

---

您可以使用系列的

鼠标悬停事件来更改工具提示的填充颜色

请参阅此代码演示：

plotOptions: {
    series: {
        events: {
            mouseOver: function(event) {
                $(".highcharts-tooltip > path:last").attr("fill", this.color);
            }
        }
    }
}

您可以将useHTML设置为true，禁用填充并在div中添加style参数。例如：

工具提示：{
是的，
风格：{
填充：0
},
格式化程序：函数（）{
返回“+this.point.name+”
“+”+Highcharts.numberFormat（this.y）。替换（“，”）+“Kč[”+Highcharts.numberFormat（this.percentage，2）+“%]”；
}
},

tooltip: {
            useHTML:true,
            style:{
                padding:0
            },
            formatter: function () {
                return '<div class="tooltip" style="background-color:'+this.series.color+';">'+this.point.name + '<br />' + '<b>' + Highcharts.numberFormat(this.y).replace(",", " ") + ' Kč [' + Highcharts.numberFormat(this.percentage, 2) + '%]</b></div>';
            }
        },