HighCharts显示标签中堆叠列的总数

时间:2017-03-07 21:05:46

标签: highcharts axis-labels

我有一个堆叠组列图,如下面提供的小提琴所示。在xAxis标签(红色块)中,我想显示从第二列的总和中减去的叠加量的总和。例如,对于" Value1"我想在标签上显示42(100-(43 + 15))。现在,我只能访问x值,我将在格式化函数(this.value)中返回。 https://jsfiddle.net/er1187/n6sr0znx/

xAxis: [{
    offset: -280,
    tickWidth: 0,
    lineWidth: 0,
    categories: ['Value1', 'Value2', 'Value3'],
    labels: {
        x: 5,
        useHTML: true,
        style:{
        backgroundColor: 'red',
        color: 'white'
        },
        formatter: function () {
            return this.value;
        }
    }
}, {
    linkedTo: 0,
    categories: ['Value1', 'Value2', 'Value3']
}]

1 个答案:

答案 0 :(得分:0)

在轴格式化程序中,您还无法访问已处理的数据。但是,您可以访问系列选项并获取原始数据。

formatter: function () {
  const axis = this.axis;
  const points = axis.series.map(series =>
    series.options.data[axis.categories.indexOf(this.value)]
  );

  return points[2] - (points[0] + points[1]);    
}

示例:https://jsfiddle.net/n6sr0znx/2/