Is there any way to draw a half node in Sankey using Highcharts?. I have searched a lot but didn't get any solution. From d3 it can be done but the same thing I want to achieve with Highcharts. For reference, I have attached the image. If you observe the nodes Terminated before Institution, Terminated after institution, Pending Final Decision, Pending Institution Decision, and Other all these are half nodes. So, is there any way I can do the same with Highcharts?
Asked
Active
Viewed 249 times
1
-
Hi @john s, Could you describe more precisely what do you want to achieve? Here: https://jsfiddle.net/BlackLabel/en0uk9ad/ you can find an example with a basic sankey chart. – ppotaczek Jun 04 '20 at 09:58
-
@ppotaczek Question is updated – Aniket Tiwari Jun 04 '20 at 15:16
1 Answers
0
Currently, the only easy way to do that seems to be to use a combination of column and offset node options:
series: [{
keys: ['from', 'to', 'weight'],
data: [
['China', 'EU', 94],
['China', 'US', 53]
],
nodes: [{
id: 'US',
column: 1,
offset: 110,
}, {
id: 'EU',
offset: -70,
column: 2
}],
...
}]
Live demo: https://jsfiddle.net/BlackLabel/x593vrtj/
API Reference:
https://api.highcharts.com/highcharts/series.sankey.nodes.column
https://api.highcharts.com/highcharts/series.sankey.nodes.offset
ppotaczek
- 36,341
- 2
- 14
- 24