Блог

Я пытаюсь создать диаграмму.Пользовательская подсказка JS в приложении React с использованием Chart.JS 2.9.4 и react-chartjs-2 2.11.2.

Я использую «пользовательскую» функцию из диаграммы.JS API для этого. Он должен получить данные об элементе и установить их в хранилище моего компонента.

Проблема в том, что анимация диаграммы не работает, когда внутри «пользовательской» функции есть крюк реакции. Крючок правильно помещает данные в хранилище, все работает нормально, кроме анимации.

Анимация, которую я имел в виду, — это точки, которые появляются, когда вы наводите курсор на некоторые вершины графиков.

Я попытался поместить крючок в другую функцию, но он работает только для одного вызова крючка. Анимация отключается, даже если я помещу все вызовы hook в эту функцию.

Вот код:

 tooltips: {  enabled: false,  custom: (tooltipItem) =gt; {  const { title } = tooltipItem;   setTooltipItemTitle((title[0]));   },  },  // ...other chart options };  

Вот пример анимации зависания, о которой я говорю: https://i.stack.imgur.com/7NRr8.png