how to add fixed width for Y Axis labels

Question

I am trying to add fixed width for y axis labels.is there any way to add? like this

yAxis: {
    labels: {
      style: {
        width: '30px',
        fontSize: '10px',
        textOverflow: 'none'
      }
    }
  },

tried this but not working, can we add any trailing spaces for labels or can we stop changing the labels width when i scroll

Answer 1

You can achieve this in the following way:

  yAxis: {
    labels: {
      style: {
        width: '30px',
        fontSize: '10px',
        textOverflow: 'none'
      }
    }
  },

Demo: https://jsfiddle.net/BlackLabel/0g9dvzxa/