Javascript Sankey:在x轴上动态显示文本

如何基于转换在x轴上显示动态文本。在我的第一个例子中，我得到了两个转换football->basketball&basketball->Gerard，所以我将显示两个标签，如下所示

但当我们只得到一个过渡，那么如何处理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',
    }]
});

---

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

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

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

        }
    }

现场演示：

---

API:

Hi Aniket Shivam Tiwari，您不需要删除类别，请检查以下示例：。在多次转换的情况下，它也满足您的要求：嗨，Aniket Shivam Tiwari，好的，现在我看到问题了。您可以使max属性依赖于数据的数量，例如：