Highcharts Prozentsatz ohne zu stapeln?

Question

Ist es möglich, ein Highcharts-Diagramm mit Splines in Prozent zu erstellen, OHNE dass sie gestapelt werden?

Ich möchte Zeilen in einer relativen Ansicht anzeigen, aber ich möchte, dass sie sich kreuzen, wenn sich ihre Prozentsätze ändern.

Grundsätzlich wie folgt aus: http://jsfiddle.net/dp6pjeo9/5/

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

    } 
}, 

aber ohne die 'Stapelung' Linien Verhalten. Das Stapeln ist für Linien sehr unpraktisch, da es schwer ist zu sagen, ob es sich um "absolute" Werte oder "gestapelte" Werte handelt.

Sehen Sie hier die oberste Zeile in der schwarzen Linie unter dann sollten 2010.

Answer 1

Sie müssen Sie Daten verarbeiten, bevor Sie sie in der Tabelle Config setzen.

berechnen Summen:

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 

berechnen Prozentsätze und stellen Daten:

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 
    })) 
}] 

ändern Tooltip des point so ist es anstelle der Prozentwert absolute Y-Wert zeigt

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

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