时间戳

首页 > 解决方案 > 在堆栈标签内添加总计数分组堆积柱形图-Highcharts

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

问题描述

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

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

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

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

标签： javascripthighcharts

解决方案

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

推荐阅读