HighCharts 悬停时更改 dataLabel 的字体大小

Question

我有一个饼图高图，我想要的是当我将鼠标悬停在饼图的特定部分上时更改 dataLabels 字体大小。

我发现hover事件是这样建立的：

plotOptions: {

            series: {
                shadow: {
                color: '#000',
                offsetX : 5,
                offsetY : 5,
                opacity : 0.5
                },
                events: {
                    mouseOver: function(event) {

                    },
                    mouseOut: function(event) {

                    }
                }

            }

但我不知道如何从 mouseOver/Out 内部访问 dataLabel。

Answer 1

您可以通过以下活动dataLabel访问：this.dataLabelpointseries

series: {
    point: {
        events: {
            mouseOver: function (e) {
                this.dataLabel.css({
                    fontSize: "30px",
                });
            },
            mouseOut: function (e) {
                this.dataLabel.css({
                    fontSize: "12px",
                });
            }
        }
    }
}

演示