Блог

Главная - Вопросы по программированию - Основные диаграммы: перемещение метки yaxis в верхний левый угол диаграммы

Основные диаграммы: перемещение метки yaxis в верхний левый угол диаграммы

#highcharts

#диаграммы высот

Вопрос:

На приведенной ниже диаграмме возможно ли переместить метку оси y (Африка) в верхний левый угол графика.

введите описание изображения здесь

 xAxis: {
    categories: ['Africa'],
    title: {
        text: null
    }
}

https://jsfiddle.net/wanp1bqg/2/

Вывод, подобный приведенному ниже
введите описание изображения здесь

Ответ №1:

Вы можете изменить положение метки в render событии, например:

 events: {
  render: function() {
    this.xAxis[0].ticks[0].label.attr({
      y: this.plotTop
    });
  }
}

Живая демонстрация: https://jsfiddle.net/BlackLabel/rcxg3unm

Ссылка на API:

https://api.highcharts.com/highcharts/chart.events.render

https://api.highcharts.com/class-reference/Highcharts .SVGElement#attr

Комментарии:

1. большое вам спасибо much…is можно сразу перейти к 0. африка должна начинаться сверху слева прямо с 0.

2. Привет @Raphael, ты имеешь в виду что-то вроде этого: jsfiddle.net/BlackLabel/bcef90zd ?

3. Спасибо, установите labels.align значение «влево» и labels.x значение 0, пример: jsfiddle.net/BlackLabel/c309ogu4