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

Question

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

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

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的{​​{1}}个活动中的this.dataLabel点击point：

series

Demo

Answer 2

您在HTML中引用的dataLabel是什么？如果你想访问dataLabel，你可以在这样的JavaScript中这样做（假设HTML元素是一个id）：

document.getElementById("dataLabel").setAttribute("style", "font-size: 20px");

这会将dataLabel的字体大小设置为20px。你可以将它放在你想要的鼠标事件功能中。