Последний ярлык на xaxis частично исчезает в Highcharts

Question

Поскольку я заставляю Highcharts показывать последний ярлык на оси, этот последний ярлык частично скрыт или частично исчезает:

Почемув том, что? И что я могу сделать? Установка »marginRight« в настройках »графика« не помогает.

Спасибо за любые подсказки.

Answer 1

Вы можете установить атрибут align: 'right' для последней метки:

      chart: {
          events: {
              render: function() {
                  var ticks = this.xAxis[0].ticks;

                  Highcharts.objectEach(ticks, function(tick) {
                      if (tick.isLast && tick.label.xy.opacity) {
                          tick.label.attr({
                              align: 'right'
                          });
                      }
                  });
              }
          }
      }

---

Демонстрационная версия: https://jsfiddle.net/BlackLabel/tv5f0x2a/

Справочник по API: https://api.highcharts.com/class-reference/Highcharts#.objectEach%3CT%3E

Answer 2

Возможно, ширина контейнера диаграммы слишком мала, или сама диаграмма слишком мала.

Вам следует попробовать:

1. Вы пытались изменить ширину диаграммы? https://api.highcharts.com/highcharts/chart.width
2. попробуйте сделать контейнер для диаграммы более широким