javascript - ChartJs 3.x : ResizeObserver is not a constructor

标签 javascript chart.js lwc

我正在尝试在 LWC 中使用 ChartJs,我采用了最新的 3.3.2 版本并遵循了几个示例来创建我的图表( here 我发现的最完整的示例之一),但是在调用指令时:

this.chart = new window.Chart(ctx, config);

我收到错误“TypeError:ResizeObserver 不是构造函数”。

我尝试用旧版本替换 ChartJs 资源,我发现 2.8.0 版本的图表可以正确加载,没有任何错误。

由于文档中指定了 3.x 版本引入了多项改进,因此我更愿意使用最新版本而不是 2.8.0。我也尝试搜索有关 ResizeObserver 的一些信息,但我不明白它是什么以及为什么我遇到问题。从 LWC 看来我没有导入任何其他东西。

有办法解决这个问题吗?

最佳答案

您可能尝试在不支持 ResizeObserver 的浏览器/版本组合中运行它。

您可以检查一下,看看您的浏览器版本是否支持它:https://www.caniuse.com/resizeobserver

如果没有,您可以使用 polyfill 添加所需的行为,例如:https://github.com/juggle/resize-observer

关于javascript - ChartJs 3.x : ResizeObserver is not a constructor,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68099187/

相关文章:

javascript |对象分组

php - 如何在同一文件中将值从 AJAX 和 JQuery 传递到 PHP

javascript - 如何隐藏列表中不必要的重新排序箭头

salesforce - 从 LWC 调用具有多个签名的 Apex 方法

javascript - 合成 LWC Shadow DOM 插槽与原生 shadow DOM 插槽

javascript - 有没有办法将多个(和不同的)参数从 Lightning Web 组件 (LWC) 中的 JS 传递到 Apex Controller 类?

Javascript 添加/删除唯一的克隆 div

javascript - 想在django中使用chartjs绘制数据

typescript - PrimeNG/Chart.js - 要显示的最大标签数

javascript - 使用图表js创建两个内联图表