Sankey：在 x 轴上动态显示文本

Question

如何根据过渡在 x 轴上显示动态文本。在我的第一个案例中，我有两个转换（足球 -> 篮球和篮球 -> 杰拉德）所以我将显示两个标签，如下所示

但是当我们只有一个转换时，那么如何处理 x 轴上的标签。我需要的是当只有一个过渡时，应该只出现一个标签。在以下情况下，半决赛标签应该出现。

Highcharts.chart('container', {

    chart: {
      showAxes: true
    },
    title: {
        text: ''
    },
    xAxis: {
     type: "category",
     categories: ['Semi-Final','Final Phase'],
      max: 2,
      labels: {
        x: 10,
        y: 30,
      },
      lineColor: 'transparent',
      tickLength: 0
    },
    yAxis: {
      visible: false
    },
    series: [{
        keys: ['from', 'to', 'weight'],
        data: [
          ['Football', 'Cricket', 20 ],  
        ],
        type: 'sankey',
    }]
});

Answer 1

显示的标签数量取决于轴的极值。可以让max属性依赖于数据的数量：

    events: {
        load: function() {
            var max = this.series[0].nodeColumns.length - 2;

            this.xAxis[0].update({
                max: max
            })

        }
    }

现场演示：https://jsfiddle.net/BlackLabel/7s5h41qr/

API: https://api.highcharts.com/highcharts/xAxis.max

Sankey：在 x 轴上动态显示文本

Sankey: Show dynamically text on x-axis

javascript

highcharts

sankey-diagram