在 Cumulocity 中使用 Chart.js 和 Ng2-Chart

Question

我目前正在构建一个托管在 Cumulocity IoT 平台上的 Angular 应用程序，并且我正在尝试使用 Chart.js 生成自定义条形图。一开始这不起作用，所以我做了一些挖掘，发现了特殊的节点包 ng2-chart，它是为在 Angular 中使用 Chart.js 而开发的。

碰巧，我安装了每个依赖项的最新版本，但我很快在尝试构建和提供应用程序时遇到了错误，其中

NG8002

指出：

Error: src/app/features/[..].component.html:81:17 - error NG8002: Can't bind to 'legend' since it isn't a known property of 'canvas'.

我做了一些研究，发现这可能是由于最新版本的 Chart.js 和 ng2-chart 与我当前的开发环境不兼容造成的：

• @angular/cli

  ：12.2.14

• npm

  ：2018 年 14 月 6 日

• c8y/client

  ：1016.0.324

还有其他人遇到过这个问题吗？我的应用程序可以使用哪些版本的 Chart.js 和 ng2-chart？

Answer 1

我给您留下了与 ng2-chart 兼容的版本的小图片和安装指南

安装指南

https://www.npmjs.com/package/ng2-charts