Javascript 单独设置堆叠列highchart数据标签的样式

我的任务是为highcharts的每个堆叠条形图数据标签分别设置样式：我指的是第一个图表中的3,2,5，第二个图表中的4,2,3，依此类推。如文档/提琴中所示，将这些样式组合在一起很容易。我该如何分别设置它们的样式

fiddle具有所有这些样式的代码：

 dataLabels: {
                enabled: true,
                color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
                style: {
                    textShadow: '0 0 3px black'
                }
            }

这是JS小提琴，根据他们的文档：

在数据标签上设置“useHTML:true”。然后，您可以访问任意点的单个datalabel元素，并修改样式或添加类等：

_.each(chart.series, function(serie) {
    _.each(serie.data, function(point) {

        var spanElement = point.dataLabel.div.firstChild;
        spanElement.style.fontSize = _.sample(randomFontSizes);
        spanElement.style.color = _.sample(randomColors);
        spanElement.classList.add("custom-class");
    });
});

参见小提琴：