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) {
                              align: 'right'

Live demo:

API Reference:


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?
  2. try making the container for the chart wider

Related Query

More Query from same tag