Как добавить несколько текстов на xaxis - PullRequest
Новая
       33

Как добавить несколько текстов на xaxis

0 голосов
/ 17 октября 2018

Я борюсь с добавлением нескольких текстов по оси X.Большинство вещей, таких как задание поля имени по оси X, не работают с диаграммой Санки.

Проблема: мне нужно добавить 2 текста чуть ниже моей оси 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'
    }]

});

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

Ответы [ 2 ]

0 голосов
/ 22 октября 2018

Я добился этого с помощью кода ниже 

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

Для оси Y он давал мне метку по умолчанию, поэтому для ее удаления я написал приведенный выше код яксиса

0 голосов
/ 18 октября 2018

Чтобы добавить текст на график, вы можете использовать аннотации модуль или 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

...