Question

我的任务是个性化每一个highcharts＆＃39;堆积条形图数据标签：我指的是第一张图中的3,2,5，第二张图中的4,2,3等等。如文档/小提琴中所示，将这些组合在一起很容易。我如何单独设计它们？

小提琴具有所有这些样式的代码：

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

根据他们的文档，这里是JS Fiddle：http://jsfiddle.net/3ak4ckuq/

Answer 1

设置＆＃34; useHTML：true＆＃34;在数据标签上。然后，您可以访问任何点的单个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");
    });
});

请参阅小提琴：http://jsfiddle.net/3ak4ckuq/6/

单独设置堆叠列高图数据标签的样式

1 个答案: