避免在 a 中的每个列系列上显示重复的堆栈标签。排行榜

Question

我正在使用高图来呈现堆叠的分组高图，如下所示。 https://jsfiddle.net/4tojbfsq/1/我能够在顶部获得所有数据标签的总数，我还想在 x 轴上呈现一个堆栈标签，如上面小提琴所示的双 x 轴，但我的问题是我能够在 x 轴上显示堆栈标签，但我也看到每个堆栈系列都重复了相同的堆栈标签。有什么办法可以只在所有系列的底部显示堆叠标签，而不是在堆叠系列内的任何地方重复。代码： yAxis: {          allowDecimals: false,          //offset:10,          title: {            text: 'Number of fruits'          },          stackLabels: {          enabled: true,            verticalAlign: 'top',            formatter: function() {            return this.total;            },          }        },        plotOptions: {          column: {            stacking: 'normal'          },          series: {           dataLabels: {            enabled: true,            verticalAlign: 'bottom',                        overflow: 'none',            crop: false,            y: 20,            formatter() {              return this.series.userOptions.stack;            }          }          }        },        series: [{          name: 'John',          data: [53, 33, 43,63,7,83],          stack: 'malssses'        }, {          name: 'Joe',          data: [33, 43,43,63,73,8],          stack: 'female'        }, {          name: 'Jane',          data: [42, 54,43,62,74,84],          stack: 'malssses',                }, {          name: 'Janet',          data: [34, 40, 42,36,74,83],          stack: 'female',        }]

Answer 1

重复的标签不是stacklabels，而是dataLabels。您可以仅为特定系列显示数据标签：

   {

              name: 'Jane',

              data: [42, 54, 43, 62, 74, 84],

              stack: 'malssses',

              dataLabels: {

                enabled: true,

                verticalAlign: 'bottom',

                overflow: 'none',

                crop: false,

                y: 20,

                formatter() {

                  return this.series.userOptions.stack;

                }

              }

    

            }, {

              name: 'Janet',

              data: [34, 40, 42, 36, 74, 83],

              stack: 'female',

              dataLabels: {

                enabled: true,

                verticalAlign: 'bottom',

                overflow: 'none',

                crop: false,

                y: 20,

                formatter() {

                  return this.series.userOptions.stack;

                }

              }

            }