Javascript – Highcharts vertical stacked bar chart with negative values, is it possible

chartshighchartsjavascript

Is it at all possible to be able to have a vertically stacked bar chart with negative values (using highcharts).

Like this:
http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-stacked/

        series: [{
            name: 'John',
            data: [5, -3, 4, 7, 2]
        }, {
            name: 'Jane',
            data: [2, 2, -31, 2, 1]
        }, {
            name: 'Joe',
            data: [3, 4, 4, 2, 5]
        }]

Unfortunately negative values don't register.

This seems to be a solution:
http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/bar-negative-stack/

But for visual reasons I need the bars to be vertical.

Any thoughts on a fix would be greatly appreciated!

Thanks,

Tom

Best Answer

I was trying to achieve the same results. Check this fiddle and let me know =] I used: 

chart: {
    type: 'column'
},
plotOptions: {
    series: {
        stacking: 'normal'
    }
}

jsfiddle for vertical stacked bars w negatives

EDIT: try changing the type to 'bar'. This will make the chart "columns" go horizontal =]

jsFiddle for horizontal stacked bars w negatives

Related Topic