We have a requirement for stacked waterfall charts (we are using highcharts). / gives an option for creating waterfall charts but we need to create stacks. Anyone has done this before? Thanks !!

We have a requirement for stacked waterfall charts (we are using highcharts.). http://fiddle.jshell/8JP8T/ gives an option for creating waterfall charts but we need to create stacks. Anyone has done this before? Thanks !!

• javascript
• highcharts
• waterfall
• stacked

• Could you provide an example image for what you want? – NT3RP Commented May 9, 2011 at 16:33

3 Answers 3

You can make stacked bars "levitate" by making an ghost series, then setting the ghost series to have an opacity of 0.

$.each(chart.series[2].data, function(i, point) {
  if (i==2) {
    point.graphic.attr({opacity: 0, 'stroke-width': 0});
  }
}

This fiddle illustrates the basic idea. Note that you need to turn shadows off and set showInLegend to false too to get the full ghostly effect.

http://jsfiddle/6UPrg/13/

Based in your example, you may be interested in the stacking property found within highcharts.

var chart = new Highcharts.Chart({
    //other properties...
    plotOptions: {
        series: {
            stacking: 'normal'
        }
    }
});

http://highcharts./demo/column-stacked