Javascript 如何在xaxis上添加多个文本

我正在努力在x轴上添加多个文本。大多数事情，比如在x轴上命名字段，都不适用于Sankey图

问题：我需要在Sankey图表的x轴下方添加两个文本。蓝色条正下方和中心的第一个文本。我需要的第二个文本就在灰色条的下方，但它应该与第一个文本在同一行

这是我的密码

Highcharts.chart('container', {

    title: {
        text: ''
    },
        xAxis: {
        type: 'football league'
    },

    series: [{
        keys: ['from', 'to', 'weight'],
        data: [
            ['Football', 'Messi', 20 ],
            ['Football', 'ronaldo', 3 ],
            //['Challenged', 'Terminated', 0 ],
            ['Football', 'sachin', 1 ],
            ['Messi', 'sehqag', 12 ],
            //['Instituted', ' Terminated', 0 ],
            ['Messi', 'ashwin', 6 ],
            ['Messi', ' ramesg', 2 ],

        ],
        type: 'sankey',
        name: 'Sankey demo series'
    }]

});

---

jsIDLE:

要向图表添加文本，可以使用annotations模块或Highcharts.svgRender：

现场演示：

API:

---

文档：

我通过下面的代码实现了这一点

 chart: {
      showAxes: true
    },
     xAxis: {
          categories: ['ANIKET','SHivam'],
          labels: {
            style: {
              color: '#000000'
            }
          }
        },
        yAxis: {
          title: '',
          labels: {
            formatter: function() {
              return '';
            },
            style: {
              color: '#4572A7'
            }
          }
        },

---

对于y轴，它为我提供了默认标签，因此为了删除它，我编写了上面的yaxis代码

感谢您的帮助，顺便说一句，我找到了解决方案

 chart: {
      showAxes: true
    },
     xAxis: {
          categories: ['ANIKET','SHivam'],
          labels: {
            style: {
              color: '#000000'
            }
          }
        },
        yAxis: {
          title: '',
          labels: {
            formatter: function() {
              return '';
            },
            style: {
              color: '#4572A7'
            }
          }
        },