HighChartsはラベルに積み重ねられた列の合計を表示します

Question

私は、下記のフィドルに示すように積み重ねられたグループの列グラフを持っています。 xAxisラベル（赤いブロック）では、2番目の列の合計から積み上げられた金額の合計を表示したいと考えています。たとえば、 "Value1"の場合、ラベルに42を表示したい（100-（43 + 15））。今、私はフォーマッタ関数（this.value）で返すx値にしかアクセスできません。 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'] 
}] 

Answer 1

軸フォーマッタでは、まだ処理されたデータにアクセスできません。ただし、系列のオプションにアクセスして生データを取得することができます。

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/