Chart.js 闪烁答案

【问题标题】：Chart.js flickeringChart.js 闪烁
【发布时间】：2017-01-24 05:50:20
【问题描述】：

谁能告诉我为什么我的 chart.js 图表闪烁？看到这个截屏视频。

https://www.screencast.com/t/J8demDuX

在视频中看起来很慢，但实际上变化非常快。您将在控制台中看到高度和宽度发生了变化，但我在 javascript 中没有任何代码可以强制它发生变化。

而且它有时也会发生，具体取决于浏览器的大小。使画布变小只是一个临时修复，但当我调整浏览器大小时它仍然可以重现。

有什么建议吗？

【问题讨论】：

【解决方案1】：

我的图表也有类似的问题。我发现它是在同一画布上重新创建图表时发生的。

如果您在同一个画布上多次重新创建图表，请尝试调用

    .destroy();

在重新创建图表之前对其进行操作。

希望对你有帮助

【讨论】：

【解决方案2】：

我的图表也有类似的问题。我发现当我们没有将响应设置为 false 时会发生这种情况。请确保明确设置它

在选项响应中：false

【讨论】：

【解决方案3】：

这是 ChartJs 版本的问题。直到 2.7.0 才有这个，它在最新版本中得到解决，它不再闪烁了。

【讨论】：

【解决方案4】：

对我来说，解决方案是将组件包装到 React.memo

【讨论】：