Highcharts basi c линейный график - название метки оси Y - PullRequest
0 голосов
/ 13 марта 2020

Highcharts Basi c Линейный график, метка оси Y, как нужно показать?

Вот мой код

  var seriesData = [["O", 42], ["N", 35], ["D", 20], ["J", 47], ["F", 45], ["M", 65]];
            var seriesDataY = [['O', 50], ['14', 22], ["D", 30], ["J", 42], ["F", 44], ["M", 65]];

            Highcharts.chart('linechart', {
                title: {
                    text: ' '
                },

                yAxis: {
                    title: {
                        text: '(6 mth period)'
                    },

                    labels: {
                        enabled: true,
                        formatter: function () { return seriesDataY[0][this.value]; },
                    }

                },


                xAxis: {
                    tickInterval: 1,
                    labels: {
                        enabled: true,
                        formatter: function () { return seriesData[this.value][0]; },
                    }
                },

                legend: {
                    layout: 'vertical',
                    align: 'right',
                    verticalAlign: 'middle'
                },

                plotOptions: {
                    series: {
                        label: {
                            connectorAllowed: false
                        },
                        pointStart: 0
                    }
                },

                series: [{
                    name: 'Voluntary',
                    data: seriesData 
                }, {
                    name: 'Involuntary',
                    data: seriesDataY
                    //data: [null, null, 7988, 12169, 15112, 22452]
                }],


                responsive: {
                    rules: [{
                        condition: {
                            maxWidth: 500
                        },
                        chartOptions: {
                            legend: {
                                layout: 'horizontal',
                                align: 'center',
                                verticalAlign: 'bottom'
                            }
                        }
                    }]
                }

            });

Изображения прилагаются:

enter image description here

Отсутствует метка оси Y:

0, 14, 28,42, 56,70

Согласно приведенному выше значению, i нужно показать ось Y. Как можно отобразить имя метки оси Y?

1 Ответ

0 голосов
/ 13 марта 2020

Обратите внимание, что yAxis принимает значения (this.value) из данных y. Вот почему он отличается от xAxis. Также обратите внимание, что количество меток для yAxis рассчитывается по-разному, поэтому его необходимо установить.

Я думаю, что-то подобное должно соответствовать вашим требованиям:

let i = 0;

Highcharts.chart('container', {
  title: {
    text: ' '
  },
...
  labels: {
   enabled: true,
   formatter: function() {

     i++;
     return seriesDataY[i - 1][0];
   },
 }
...

Демо: https://jsfiddle.net/BlackLabel/zsou1Lye/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...