javascript - HighCharts on hover change dataLabel's font size -

i have pie highchart , want change datalabels font size when hover on specific part of pie.

i found hover event established this:

plotoptions: {              series: {                 shadow: {                 color: '#000',                 offsetx : 5,                 offsety : 5,                 opacity : 0.5                 },                 events: {                     mouseover: function(event) {                      },                     mouseout: function(event) {                      }                 }              } 

but dont know how access datalabel inside mouseover/out.

you can reach datalabel via this.datalabel within point events series:

series: {     point: {         events: {             mouseover: function (e) {                 this.datalabel.css({                     fontsize: "30px",                 });             },             mouseout: function (e) {                 this.datalabel.css({                     fontsize: "12px",                 });             }         }     } } 

demo