スタッキングなしのハイチャートの割合は？

Question

スプラインでパーセンテージを指定してハイチャートのグラフを作成することはできますが、スタッキングなしで行うことはできますか？

私は相対的な視点で線を表示したいと思いますが、パーセンテージが変わったときに線を通したいと思います。 http://jsfiddle.net/dp6pjeo9/5/

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

    } 
}, 

が、ライン「スタッキング行動なし：このような基本的

、。スタッキングは、ラインが本当に不便です。なぜなら、それらが「絶対」値であるか「積み重ね」値であるかを区別することが難しいからです。

は、一番上の行は、あなたは、チャートの設定でそれらを置く前に、あなたのデータを処理する必要があり、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/