条形图上的堆栈标签仅在调整大小后显示 window

Question

我在 JSFiddle 中有一个图表如下 link:

https://jsfiddle.net/aditya14641/hLtj3wqb/286/

stackLabels: {
        enabled: true,
        formatter: function() {
          var sum = 0;
          var series = this.axis.series;
          for (var i in series) {
            sum += Math.abs(series[i].yData[this.x]);
          }
          if (sum < 0 && this.isNegative || sum >= 0 && !this.isNegative)
            return sum;
        }
      }

我发现除非我调整 JSFiddle window 的大小，否则我在每个柱形图的向下钻取中显示的堆栈标签是不可见的。此外，标签显示的位置不正确：

Answer 1

这似乎是一个 bug。我在这里报告：https://github.com/highcharts/highcharts/issues/8501

解决方法：

将 setCategories 的第二个参数（重绘）设置为 false:

chart.xAxis[0].setCategories(['20-30', '31-40', '41-50', '51-60']);

现场演示： https://jsfiddle.net/BlackLabel/zh7qfes1/

条形图上的堆栈标签仅在调整大小后显示 window

stack labels on bar chart displayed only after resizing window

highcharts

highstock