Диаграммы JS Custom Labels не работают

Question

Я пытаюсь обрезать метки на моей горизонтальной гистограмме, но мне кажется, что обратный вызов на самом деле не работает.

yAxes: [{
        maxBarThickness: 50,
        gridLines: false,
        ticks: {
          padding: 10,
          callback: value => {
            let new_label = null;
            if (value.length > 15) {
              new_label = value.substring(0, 15) + '...';
            } else {
              new_label = value;
            }
            return new_label;
          },
        },
      }],

Answer 1

Для достижения ожидаемого результата используйте нижеприведенную опцию изменения значения в строку с помощью toString (), а затем просто возвращайте значения, основанные на длине

callback: value => {
                if (value.toString().length > 15) {
                 return value.toString().substr(0, 15) + '...'; //truncate
                   } else {
                 return value
                }
              }

пример кода для справки - https://codepen.io/nagasai/pen/zaLVeO

Примечание : проверьте значения отступов в опциях, проверьте эту ссылку для получения более подробной информации - Chart.js метки оси y усечены в случае отсутствия усеченных значений из-за заполнения