Как скрыть ticks в осях Chart.js в реальном времени?

Question

[ChrisKh]

Я хочу скрыть разделения на осях, в библиотеке Charts.js это называется ticks и, если верить документации, то я могу в это сделать таким образом (для оси Y):

const options = {
   scales: {
      yAxes: [{
         ticks: {display: false }
      }]
   }
}

но на деле если я в реальном времени изменяю этот параметр, например, с помощью чекбокса, то названия только смещаются, но не пропадают (см. пример: https://codesandbox.io/s/react-chartjs-2-example-gs92u).
Если же изначально поставить значение false, то надписей не будет, и если снова поменять на true - они не появятся.

Вопрос: могу ли я это спрятать эти надписи каким-либо другим способом? Пыталась сделать шрифт белым цветом, либо нулевым, но тоже не получался тот эффект, который бы хотелось видеть.

Answer 1

[0xD34F]

<Line redraw={true}

Comments

[ChrisKh]

Спасибо огромное!

[0xD34F]

ChrisKh, имейте только в виду, что это костыль (график создаётся заново при обновлении свойств). Реально там какой-то косяк непонятный, нормально не желает перерисовываться, даже если напрямую прописывать свойства в настройках графика.

[ChrisKh]

0xD34F, спасибо за информацию, да, тоже это заметила.
Хотела еще попросить подсказать: есть ли возможность задать в настройках графика угол наклона записей на нижней оси?

[0xD34F]

ChrisKh, у ticks есть свойства minRotation и maxRotation.