2012-04-05 17 views
1

Derzeit Ich habe ein gestapeltes Balkendiagramm wie diese (jsfiddle demo)HighCharts: gestapeltes Balken zeigen Prozentsatz des Stapels

enter image description here

Ich möchte, um die Stapel zu ändern, so daß jede Stange zu einer% des umgewandelten wird Gesamtstapelhöhe. Zum Beispiel haben wir im Apples Stack derzeit {3, 2, 5} für insgesamt 10.

Stattdessen möchte ich {30%, 20%, 50%} anzeigen. Natürlich könnte ich die Konvertierung einfach selbst durchführen, bevor ich die Daten an HighCharts übergebe, aber ich möchte immer noch die rohen Zahlen {3, 2, 5} als Balkenbeschriftungen anzeigen (oben rot).

Antwort

5

Ändern Sie einfach die plotOptions.column.stacking Eigenschaft zu percent.

Weitere Informationen und Demos finden Sie unter HighCharts' plotOptions.column.stacking documentation.

+0

perfekt, ich wusste, dass es irgendwo eine Option sein :) –

+0

Können Sie diese dynamisch zu tun? Haben Javascript die chart.options.plotOptions.column.stacking = "percent" geändert und dann das Diagramm irgendwie aktualisiert, so dass das Diagramm, das vorher normale Stapelung hatte, jetzt prozentuale Stapelung anzeigt? – Bjorn

+0

Versucht, dies zu tun und dann das Diagramm neu zeichnen mit chart.redraw() ... kein Glück – Bjorn

3

diesen Code in Ihre Optionen Versuchen:

plotOptions: { 
    series: { 
     stacking: 'percent' 
    } 
} 
Verwandte Themen