Chart.js闪烁

时间:2017-01-24 05:50:20

标签: javascript chart.js

任何人都可以告诉我为什么我的chart.js图表​​会闪烁吗?看这个截屏视频。

  

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

视频看起来很慢,但实际上变化非常快。您将在控制台中看到高度和宽度的变化,但我没有在javascript中强制更改的任何代码。

而且有时只会根据浏览器的大小发生。使画布变小只是一个临时修复,但是当我调整浏览器大小时它仍然可以重现。

有什么建议吗?

3 个答案:

答案 0 :(得分:5)

我的图表遇到了类似的问题。我发现在同一画布上重新创建图表时会发生这种情况。

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

    .destroy();  
在重新创建之前,

在您的图表上运行。

希望这有帮助

答案 1 :(得分:2)

我的图表也有类似的问题。我发现这是在我们不设置对false的响应时发生的。请确保明确设置

在“响应选项”中:false

答案 2 :(得分:0)

它是ChartJs版本的问题。直到2.7.0为止,它已解决为最新版本,不再闪烁。

https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js