在堆栈标签内添加总计数分组堆积柱形图-Highcharts答案

【问题标题】：add total count inside stack labels grouped stacked column chart- Highcharts在堆栈标签内添加总计数分组堆积柱形图-Highcharts
【发布时间】：2020-10-01 23:01:22
【问题描述】：

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

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

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

这将显示每个堆叠系列的标签。我想在图表中简单地显示一个计数/列有什么想法吗？

【问题讨论】：

标签： javascript highcharts

【解决方案1】：

您可以通过堆栈标签添加堆栈总计值，并尝试使用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

【讨论】：

感谢您的帮助...我的要求有点不同 - jsfiddle.net/d_paul/d9yb1yy1 我希望每列都有标签，例如：在我的小提琴中 - 2014 年和 2015 年作为堆栈重复图表中每一列的标签，它们被分组在“Apples”“Orange”下 - 在分组图表插件中是否可以使用这种布局？
嗨@user1234，Highcharts 允许每个堆栈只使用一个堆栈标签，因此您需要找到其他方法来添加第二个标签。分组类别插件是其中一种可能性，但它可能不适合您。请尝试使用Highcharts.SVGRenderer，正如我在上面的答案中提到的那样。