스태킹없이 하이 차트 비율?

Question

백분율로 표시된 스플라인을 사용하여 하이 차트 차트를 만들 수 있습니까?

선을 상대보기로 표시하고 싶지만 백분율이 바뀌면 선이 교차되기를 바랍니다. 이 같은 기본적

:

plotOptions: { 
    series: { 
     pointStart: 2010, 
     stacking: 'percent' 

    } 
}, 

하지만 라인 '스택'행동없이 http://jsfiddle.net/dp6pjeo9/5/. 스태킹은 '절대적'값이든 '누적'값이든 구분하기가 어렵 기 때문에 라인에 실제로는 불편합니다.

상단 라인은 당신이 차트 설정에 넣어 전에 당신에게 데이터를 처리 할 필요가 2010 년

Answer 1

에 다음 검은 선 아래에 있어야한다, 여기를 참조하십시오.

계산 합계 :

var data = [3, 5, 10, 15,25] 
var data2 = [25,15, 10, 5, 0] 

var sum = data.map((v, i) => v + data2[i]) // grab sums 

계산 비율 및 데이터 세트 :

series: [{ 
    name: 'Installation', 
    data: data.map((v, i) => ({ 
     y: v/sum[i] * 100, 
     absoluteY: v 
    })) 
}, { 
    name: 'Manufacturing', 
    data: data2.map((v, i) => ({ 
     y: v/sum[i] * 100, 
     absoluteY: v 
    })) 
}] 

변경 툴팁의 pointFormat 대신 백분율 값의 절대 Y 값을 나타내고 있으므로

tooltip: { 
    pointFormat: '<span style="color:{point.color}">\u25CF</span> {series.name}: <b>{point.absoluteY}</b><br/>' 
}, 

예 : http://jsfiddle.net/dp6pjeo9/6/