Truncating canvas label in ChartJS v3.5.1

Question

I have a bar chart with very long labels that is shrinking the canvas. I am trying to truncate the label if it has more than 10 characters. I tried a solution I found on another post here:

options: {
        responsive: true,
        maintainAspectRatio: false,
        scales: {
            xAxes: [{
                ticks: {
                    callback: function (value: string) {
                        return value.substr(0, 10);//truncate
                    },
                }
            }],
            yAxes: [{}]
        },
        tooltips: {
            enabled: true,
            mode: 'label',
        },
    }

This doesn't seem to work and cannot figure out why.

bar char image here

Answer 1

here you just remove string in the function it's work for me

options: {
  responsive: true,
  maintainAspectRatio: false,
  scales: {
      xAxes: [{
          ticks: {
              callback: function (value) {
                  return value.substr(0, 10);//truncate
              },
          }
      }],
      yAxes: [{}]
  },
  tooltips: {
      enabled: true,
      mode: 'label',
  },
}