Question

总体而言，我对Angular和Web开发还比较陌生。我在以前的Angular项目中使用过Chart.js。但是我没有在Angular中使用Chart.js的任何插件。我需要在我的Angular项目中包括Chart.LinearGauge.js扩展：- https://github.com/chartjs/Chart.LinearGauge.js

但是，我似乎无法在Angular中做到这一点。这是我尝试这样做时遇到的错误：-

Chart.LinearGauge.js:6 Uncaught TypeError: Cannot read property 'helpers' of undefined
    at Object.<anonymous> (Chart.LinearGauge.js:6)
    at Object../node_modules/chart.js/src/charts/Chart.LinearGauge.js (Chart.LinearGauge.js:1057)
    at __webpack_require__ (bootstrap:76)
    at Object../src/app/app.component.ts (main.js:94)
    at __webpack_require__ (bootstrap:76)
    at Object../src/app/app.module.ts (app.component.ts:11)
    at __webpack_require__ (bootstrap:76)
    at Object../src/main.ts (main.ts:1)
    at __webpack_require__ (bootstrap:76)
    at Object.0 (main.ts:12)
(anonymous) @ Chart.LinearGauge.js:6
./node_modules/chart.js/src/charts/Chart.LinearGauge.js @ Chart.LinearGauge.js:1057
__webpack_require__ @ bootstrap:76
./src/app/app.component.ts @ main.js:94
__webpack_require__ @ bootstrap:76
./src/app/app.module.ts @ app.component.ts:11
__webpack_require__ @ bootstrap:76
./src/main.ts @ main.ts:1
__webpack_require__ @ bootstrap:76
0 @ main.ts:12
__webpack_require__ @ bootstrap:76
checkDeferredModules @ bootstrap:43
webpackJsonpCallback @ bootstrap:30
(anonymous) @ main.js:1

我认为它正在尝试访问原始的chart.js，但由于某些原因无法访问。问题的核心可能是我不确定如何为chart.js安装插件或在Angular项目中将插件“ Chart.LinearGauge.js”放置在何处才能使其正常工作。我进行了搜索，但是找不到明确的解决方案。

如果您能指出正确的方向，那就太好了。

包括Chart.LinearGauge.js插件到Angular 6项目

0 个答案: