Highcharts bar with non-stacked percent series

Question

I want to create Highcharts bar chart with non-stacked percentage values.

I use:

plotOptions.bar.stacking = 'percent'

But this stack all series on top another to get to 100%. I want each series to be rendered as different bar.

I there any way doing it other than processing series data myself?

You need to preprocess data on your own. – Paweł Fus Mar 19 '14 at 13:13 — Paweł Fus, Mar 19 '14 at 13:13
Was afraid to hear that... – BobTheBuilder Mar 19 '14 at 14:05 — BobTheBuilder, Mar 19 '14 at 14:05

score 3 · Accepted Answer · answered Mar 19 '14 at 20:06

3

Yes, what you've specified there is how you want the chart to stack the bars, specifically.

To see labels/tooltips, etc as % of total, you'll need to loop through the data and calculate it all.

Then you use the formatters to output the right values for the axis labels, the tooltip, the data labels, etc

Example:

answered Mar 19 '14 at 20:06

jlbriggs

Thanx! I was hoping for a configuration solution but I guess I'll do it as you've stated... – BobTheBuilder Mar 20 '14 at 08:42
1

Having something built in to handle this would be nice, and - it would seem - fairly trivial to implement. You might suggest it on Highcharts' feature request site: http://highcharts.uservoice.com/forums/55896-general – jlbriggs Mar 20 '14 at 12:14

1 Answers1