对Chart.js的跨浏览器支持

Question

我继承了一个使用Chart.js的应用程序，它最近在Firefox 69.0.3的最新版本中出现错误，并显示NS_ERROR_FAILURE错误。 Firefox's documentation不能完全帮助查明错误原因。

我的直觉是，它与Chart.js使用<canvas>的方式有关。有没有人找到针对Chart.js的跨浏览器解决方案？在Firefox中，画布中断并且无法完成网站渲染。在Edge中，图表中的条形图具有无限的高度。 Edge中没有错误。该应用程序可以在Chrome中正常运行。仅在Windows环境中测试过此应用程序，而我尚未在Mac或Safari上测试过此应用程序。

我尝试升级到Chart.js的其他版本，但仍未解决该错误。

旁注，仅当在我的视网膜显示屏上使用该应用程序时，我在Firefox中的视网膜显示屏上仍收到另一个NS_ERROR_FAILURE错误。当我在正常屏幕上打开它时，该特定错误消失了，但是其余错误仍然存​​在。

Answer 1

我在浏览了许多存档的github comments之后找到了答案。显然，您无法将canvas设置为固定高度，请设置responsive: true和maintainaspectratio: false。当我更改这些参数中的任何一个时，该错误均消失了。