score:1

Accepted answer

You can set align: 'right' attribute for the last label:

      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'
                          });
                      }
                  });
              }
          }
      }

Live demo: https://jsfiddle.net/BlackLabel/tv5f0x2a/

API Reference: https://api.highcharts.com/class-reference/Highcharts#.objectEach%3CT%3E

score:0

This might be the chart container width being too small, or the chart itself is too small.

You should try:

  1. have you tried changing chart width? https://api.highcharts.com/highcharts/chart.width
  2. try making the container for the chart wider

Related Query

More Query from same tag