在堆叠标签内添加总计数分组堆叠柱形图-Highcharts



我有一个堆叠的分组列高图,如http://jsfiddle.net/d_paul/d9yb1yy1/

目前在stackLabels中,我正在添加堆栈名称,现在我正在尝试在每列的顶部添加一列的总数。然而,当我将它们添加到dataLabels中时,我会看到其他系列的标签也会出现。

plotOptions: {
column: {
stacking: 'normal'
},
formatter : function() {
return "<span>" + this.total + "</span>";
}
},

这将显示每个堆叠系列上的标签。我想在图表中简单地显示一个计数/列知道吗?

您可以通过堆栈标签添加堆栈总值,并尝试使用grouped_categories插件添加堆栈名称。

xAxis: {
categories: [{
name: 'category1',
categories: ['A', 'B']
}, {
name: 'category2',
categories: ['C', 'D']
}]
}

现场演示:http://jsfiddle.net/BlackLabel/L0pko9h5/

文档:https://blacklabel.github.io/grouped_categories/


另一种方法是使用Highcharts.SVGRenderer类并手动渲染标签。

API参考:https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#text

最新更新