HighCharts는 레이블에 누적 된 열의 합계를 표시합니다.

Question

아래 제공된 피들에 나와있는 것처럼 누적 그룹 열 그래프가 있습니다. xAxis 레이블 (빨간색 블록)에서 누적 금액의 합계를 두 번째 열 합계에서 뺍니다. 예를 들어 "Value1"의 경우 레이블에 42를 표시하려고합니다 (100- (43 + 15)). 지금은 formatter 함수 (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/