显示highcharts底部堆叠列的最大值

Question

有人知道是否可以指定highcharts中堆叠列的显示顺序吗?

我想从底部开始显示最大的值(以%为单位)，但我找不到方法。

谢谢

Answer 1

您可以尝试使用特殊设置来显示某些值yAxis。stack堆叠系列上的标签。，但它是一个显示列值总和的设置。要获得最大值，您应该深入核心并创建一个wrap extension -highcharts。

Highcharts.chart('container', {
  chart: {
    type: 'column'
  },
  plotOptions: {
    column: {
      stacking: 'normal',
    }
  },
  yAxis: {
    allowDecimals: false,
    min: 0,
    title: {
      text: 'Number of fruits'
    },
    stackLabels: {
      enabled: true,
            verticalAlign: 'bottom',
      style: {
        fontWeight: 'bold'
      },
      formatter: function() {
        var val = this.total;
        if (val > 0) {
          return val;
        }
        return '';
      },
    }
  },
  series: [{
      data: [4, 3, 5, 6, 2, 3]
    },
    {
      data: [4, 3, 5, 6, 2, 3].reverse()
    }
  ]
});

演示:https://jsfiddle.net/BlackLabel/80dcmj2e/1/