Reactjs Chart.js&；反应-窗口较小时更改图例位置

我可以使用条件更改ChartJS中图例的位置，但当我将图表悬停时，它开始出现一些视觉问题，如“glitchs”（似乎它使用最后一个位置保存另一个图形，并与新图形重叠）。我所做的只是一个具有宽度状态的条件，如下所示：

...
options:{  
  legend: {
    position: (width > 768)  ? "right" : "bottom";
...

有什么方法可以解决这个问题或改进代码？如果需要，这里有一个代码沙盒进行测试：