Highcharts JS - Sankey Diagram Axis

Question

I am implementing a Sankey Diagram using Highcharts JS and have a problem with specifying the axis. Is it even possible to use xAxis and yAxis on a Sankey diagram?

I tried specifying the axis as following:

 yAxis: {
            title: {
                text: 'Test',
            }
        },
 xAxis: {
            title: {
                text: 'Test'
            }
        },

but with no success. I tried putting the aforementioned code in series , plotOptions.sankey , plotOptions.series and simply when instantiating the chart but with no result.

Looking forward to your help!

Answer 1

Yes. Use chart.showAxes option:

  chart: {
    showAxes: true
  },

Unfortunately in sankey series ticks are not generated for the y axis. It can be done manually like this:

  yAxis: [{
    lineWidth: 1,
    tickPositions: [0, 1, 2, 3]
  }],

Live demo: http://jsfiddle.net/BlackLabel/z5p9gba2/

API references:

• https://api.highcharts.com/highcharts/yAxis.tickPositions
• https://api.highcharts.com/highcharts/chart.showAxes