How to make axis labels shorter?

[evgeniya-osmakova]

How can I add ellipsis to long YAxis labels?

new Chart(ref.current, {
      type: 'bar',
      data: {
        labels: data.name,
        datasets: [{
          data: data.value,
          borderWidth: 1,
          backgroundColor: '#1C5ED9',
          barThickness: 'flex'
        }],
      },
      options: {
        plugins: {
          tooltip: {
            enabled: true,
          },
          legend: {
            display: false,
          },
        },
        indexAxis: 'y',
        scales: {
          x: {
            ticks: {
              callback: function(value) {
                const sign = (type === BarChartTypes.Profitability) ? '%' : 'р';
                return `${value}${sign}`;
              }
            }
          },
        }
      }
    });

[evgeniya-osmakova]

I have found the answer

y: {
            ticks: {
              callback: function(value) {
                const label = this.getLabelForValue(Number(value));
                return `${label.substr(0, 20)}...`;
              }
            }
          },