Waterfall chart
Implemented as of Highcharts 3.0
-
Ben commented
The waterfall chart is a bar chart with a twist. First, at one end of the chart is a bar representing the sum of all values visualized, giving the viewer a visual sense of the proportion of each category to the whole. Second, each bar occupies a distinct space on the x axis as well as the y, with the bars placed diagonally in an ascending pattern, hence the “waterfall” label. In addition to being aesthetically pleasing, this makes the proportion of each category to the whole even clearer to the viewer.
https://www.inetsoft.com/blog/the-best-of-both-worlds-showing-proportions-with-a-waterfall-chart/
-
I'm afraid not - the summary columns always display the actual values.
-
Anonymous commented
Hi, I'm looking to set a minimum height on a Sum or IntermediateSum of the waterfall chart, is this possible right now? Thanks for your help!
-
HC Fan commented
Any updates on stacked waterfalls?
-
Anonymous commented
hi i m using high charts with waterfall type, it showing some errors "cannot Read property "enabled" of undefined". Please have a look into the code which u shown in 'jsfiddle' above also contains same error when u see in the chrome developer tool.
-
Thanks Martinjnh,
Yes, we have been working on stacked waterfalls, are not quite there yet.
-
Martijnh commented
*PS: Also noticed it draws connecting lines between null values
-
Martijnh commented
Nice!
Now the only thing missing are stacked waterfall charts, where the mutations can be mixed stacks of positive and negative mutations... Much like this: http://toamitkumar.com/blog/2011/05/15/stacked-waterfall-charts-in-highcharts/
-
Sure, see http://jsfiddle.net/highcharts/Q3sPq/6/
-
kiran jain commented
can we render the waterfall chart as a horizontal chart?
-
Jugal Thakkar commented
Great News !!!
Unfortunately we already implemented in ourselves thanks to the column range charts.
Good news for those who haven't done so yet :) -
Clement commented
Hi. Has it been implemented yet? My company is looking into Highcharts but no waterfall is a deal breaker.
-
Anonymous commented
try this one, it is stunning: http://lacs.xtreemhost.com
-
dapShare commented
+1 to Adrian's comment. We need a point.low for stacked column charts.
-
Delfino Cornali commented
Some tweaks to the column chart:
- highlight negative gains;
- add a pseudo-column for the final value;
- wrote a JS function to compute the waterfall components from a value array. -
Adrian A. commented
> Highcharts supports a point.low config option that probably can handle this alone...
Unfortunately point.low doesn't really seem to work correctly either.
1. It's not working with stacking :( . See http://fiddle.jshell.net/aadrian/qSWay/4/
When removing the stacking option, the empty space is rendered correctly. See: http://fiddle.jshell.net/aadrian/qSWay/5/, but of course stacking is a must for waterfall diagrams.
2. Using point.low the displayed values as labels are wrong (no difference is taken into account). See: http://fiddle.jshell.net/aadrian/mTQKQ/1/
3. Still doesn't help displaying the dotted line. -
In the latest versions, Highcharts supports a point.low config option that probably can handle this alone: http://fiddle.jshell.net/8JP8T/ . It is not added to the API yet, as it's a preparation for the chart types to come.
-
MrGreg commented
Oops - this link to the forums waterfall post is slightly cleaner - http://highslide.com/forum/viewtopic.php?f=9&t=9292
-
MrGreg commented
You can see my implementation of waterfall charts in my forum post, http://highslide.com/forum/viewtopic.php?f=9&t=9292&p=43029&hilit=waterfall&sid=9b61b9153a5f2548d3162c1ba950695d#p43029
Note though that you may want to wait for the release of candle stick charts which seems to be underway atm (a waterfall chart can be viewed as a kind of candle chart). -
Shamasis Bhattacharya commented
Hey... implemented WaterFall! http://www.fusioncharts.com/PowerCharts/gallery/#waterfall