Question

我正在努力在x轴上添加多个文本。在X轴上给出名称字段之类的大多数东西都不适用于Sankey图。

问题：我需要在Sankey图的x轴正下方添加2个文本。蓝色条下方和中间的第一个文本。我需要第二条文字位于灰色条的正下方，但相对于第一条文字

这是我的代码

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'
    }]

});

JSFiddle：https://jsfiddle.net/anikettiwari/kLzv8sp0/26/

Answer 1

要向图表添加文本，可以使用注释模块或 Highcharts.SVGRenderer ：

annotations: [{
    labels: [{
        text: 'annotations',
        point: {
            x: 100,
            y: 380
        }
    }, {
        text: 'annotations2',
        point: {
            x: 400,
            y: 380
        }
    }]
}]

实时演示：https://jsfiddle.net/BlackLabel/odc4jsku/

API：https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#text

文档：https://www.highcharts.com/docs/advanced-chart-features/annotations-module

Answer 2

我是通过以下代码实现的

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

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

如何在xaxis上添加多个文本

2 个答案: