Sankey Diagram
Sankey diagrams are planned for Highcharts 6. Here’s an early exploration into the subject: http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/samples/highcharts/studies/sankey-diagram/.
-
Anonymous commented
@Torstein:
First of all, thank you for your reply. :-)It is clear to me with docking side it is.
Your example: http://jsfiddle.net/highcharts/z2rL672w/3/My thoughts:
column 1: AT
column 2: DE
column 3: CH and FIIf the flow goes from column 3 to to column 2 (back) then docking on the right side else on the left side.
-
Currently, as you say, it doesn't work: http://jsfiddle.net/highcharts/z2rL672w/3/ . I'm a bit unsure of how this should actually look. If it simply docks to the left side, would it be clear which direction the flow goes?
-
Anonymous commented
I would like to visualize imports and exports (countries, economics).
From AT to DE to CH and then back from CH to DE.
It is possible but it doesn't look good.
The flow from CH to DE is docking on the left side instead on the right side.
How can i change the docking side?{from:'AT', to:'DE', weight:10},
{from:'DE', to:'CH', weight:5},
{from:'CH', to:'DE', weight:15},
{from:'DE', to:'FI', weight:5}, -
@Jeff
It's your lucky day, we just released v6.0 including Sankey diagrams: https://www.highcharts.com/demo/sankey-diagram
Here's a sample of skipping a node (Usa => Japan) http://jsfiddle.net/ozckksxc/
-
Jeff Norris commented
We are going to be adding Sankey Chart and would like to keep highcharts as our only charting tool. If highcharts could add this, it would be great.
Also, most Sankey charts allow you to skip column(S) (like this http://nick.balestra.ch/sankey/) that is important to us.
-
You can enable the legend, but it shows or hides the whole series: http://jsfiddle.net/highcharts/shzmxz2j/
-
Anonymous commented
i want legend show hide,it can be possible
-
Anonymous commented
can be enable legend for show hide event on sankey
-
@App Snow I'm not sure what that means... Can you show me a sketch or demo?
-
App Snow commented
Is it possible to prevent node nesting and force it to A to B, just source to destination with value?
-
Currently the nodes get the height and style from the links, as you can see if you look inside the source code in the demo.
-
Anonymous commented
Hi Torstein! Thanks for this. I would like to know if possible to set height to an specific node? And also if I want a custom shape (ie circle) for the nodes instead rectangle?
Thanks for the help!!!
-
SHRIJAN TIWARI commented
Please add Vertical Sankey Support
http://benlogan1981.github.io/VerticalSankey/UBS.html -
@Francisco With a little fix it works: http://jsfiddle.net/6khnw1cd/
-
Francisco commented
Will it be possible to add sublevels for each node? For example, the flow "Brazil -> Portugal" could have 3 subflows by income level (e.g.: high, medium, and low income) with different color shades.
Here is an example from Tableau where the node "Office Supplies" is divided into 3 subflows with different shades of blue that represent a Profitability level:
https://public.tableau.com/static/images/Su/SuperstoreInteractiveSankeyShowcase/Sankey/1.png
-
Thanks! Currently we don't have a structure for options on the nodes, but that's absolutely a good idea. Setting the column number for each node.
-
Adnan EL MOUSSAWI commented
A suggestion for the first study of HighChart, (http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/samples/highcharts/studies/sankey-diagram/), is to add the level of node in the data.
For example for the node Mali, even if it doesn't have any income links, the node still appearing at the level 'Africa' (the level of African countries) -
Adnan EL MOUSSAWI commented
Something like : https://developers.google.com/chart/interactive/docs/gallery/sankey
will be a good start.
Sankey Diagram is very important for visualizing evolving data.Additional function can be added :
-> timeline (in case of temporal evolution representation https://jsfiddle.net/7aa18mws/)
->allow the visualization for some-existing charts on links between sources and targets instead of text -
Felix commented
+1
-
Pintu Francis commented
+1