在底部显示highcharts堆积柱形图的最大值

3df52oht  于 2022-11-10  发布在  Highcharts
关注(0)|答案(1)|浏览(264)

有没有人知道是否可以指定 highcharts 中堆叠柱的显示顺序?
我想从底部显示最大值(以%表示),但找不到方法。
谢谢你

dvtswwa3

dvtswwa31#

您可以尝试使用特殊设置来显示堆叠序列上的sum值yAxis.stackLabels,但它是一个显示列值之和的设置。要获得最大值,您应该深入核心并创建一个 Package extending-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/

相关问题