Geek asks and answers

Folded waterfall graphs in tall charts.

We have a requirement for folded waterfall plots (we use highcharts.com). http://fiddle.jshell.net/8JP8T/ makes it possible to create waterfall graphics, but we need to create stacks. Has anyone done this before? Thank!

+3
source share
3 answers

You can make the stacked columns "levitate" by creating a series of ghosts, and then set the ghost series to opacity 0.

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

This scenario illustrates the main idea. Note that you need to turn off the shadows and set showInLegend to false to get the full ghost effect.

http://jsfiddle.net/6UPrg/13/

+3
source

stacking property, .

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

More articles:


All Articles