Chart.js 的跨浏览器支持
Cross Browser Support for Chart.js
我继承了一个使用 Chart.js 的应用程序，它最近在最新版本的 Firefox 69.0.3 中崩溃，给出 NS_ERROR_FAILURE errors. Firefox's documentation 对查明错误原因没有完全帮助。
我的直觉是它与 Chart.js 使用 <canvas> 的方式有关。有没有人找到 Chart.js 的跨浏览器解决方案？在 Firefox 中，canvas 中断并且未完成网站呈现。在 Edge 中，图表中的条形图的高度是无限的。 Edge 中没有错误。该应用程序在 Chrome 中运行良好。此应用程序仅在 Windows 环境中测试过，我尚未在 Mac 或 Safari 上测试过此应用程序。
我尝试升级到不同版本的 Chart.js，但仍然没有修复错误。
旁注，只有在我的视网膜显示屏上使用该应用程序时，我才会收到关于 Firefox 视网膜显示屏的额外 NS_ERROR_FAILURE 错误。当我在正常屏幕上打开它时，那个特定错误消失了，但其余错误仍然存在。
我在挖掘许多存档后找到了答案 github comments。显然，您不能将 canvas 设置为固定高度，请设置 responsive: true 和 maintainaspectratio: false。当我更改这些参数中的任何一个时，错误就消失了。
我继承了一个使用 Chart.js 的应用程序，它最近在最新版本的 Firefox 69.0.3 中崩溃，给出 NS_ERROR_FAILURE errors. Firefox's documentation 对查明错误原因没有完全帮助。
我的直觉是它与 Chart.js 使用 <canvas> 的方式有关。有没有人找到 Chart.js 的跨浏览器解决方案？在 Firefox 中，canvas 中断并且未完成网站呈现。在 Edge 中，图表中的条形图的高度是无限的。 Edge 中没有错误。该应用程序在 Chrome 中运行良好。此应用程序仅在 Windows 环境中测试过，我尚未在 Mac 或 Safari 上测试过此应用程序。
我尝试升级到不同版本的 Chart.js，但仍然没有修复错误。
旁注，只有在我的视网膜显示屏上使用该应用程序时，我才会收到关于 Firefox 视网膜显示屏的额外 NS_ERROR_FAILURE 错误。当我在正常屏幕上打开它时，那个特定错误消失了，但其余错误仍然存在。
我在挖掘许多存档后找到了答案 github comments。显然，您不能将 canvas 设置为固定高度，请设置 responsive: true 和 maintainaspectratio: false。当我更改这些参数中的任何一个时，错误就消失了。