Multi-series-chart in angular

[SuvenduJena25]

Hello i am using your code for angular and i am stuck with one error and cant understand what to do .. I am Beginner so please help me .

CanvasJS Error: Chart Container with id “revenue-column-chart” was not found
canvasjs.min.js:727 CanvasJS Error: Chart Container with id “products-revenue-pie-chart” was not found
canvasjs.min.js:727 CanvasJS Error: Chart Container with id “orders-spline-chart” was not found
AppComponent_Host.ngfactory.js? [sm]:1 ERROR TypeError: Cannot read property ‘style’ of undefined
at p._updateOptions (canvasjs.min.js:1089)
at p._initialize (canvasjs.min.js:1118)
at p.render (canvasjs.min.js:1347)
at AppComponent.push../src/app/app.component.ts.AppComponent.ngOnInit (app.component.ts:151)
at checkAndUpdateDirectiveInline (core.js:22099)
at checkAndUpdateNodeInline (core.js:23363)
at checkAndUpdateNode (core.js:23325)
at debugCheckAndUpdateNode (core.js:23959)
at debugCheckDirectivesFn (core.js:23919)
at Object.eval [as updateDirectives] (AppComponent_Host.ngfactory.js? [sm]:1)
View_AppComponent_Host_0 @ AppComponent_Host.ngfactory.js? [sm]:1
proxyClass @ compiler.js:18239
push../node_modules/@angular/core/fesm5/core.js.DebugContext_.logError @ core.js:24139
push../node_modules/@angular/core/fesm5/core.js.ErrorHandler.handleError @ core.js:15772
(anonymous) @ core.js:18126
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:391
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:150
push../node_modules/@angular/core/fesm5/core.js.NgZone.runOutsideAngular @ core.js:17258
push../node_modules/@angular/core/fesm5/core.js.ApplicationRef.tick @ core.js:18126
push../node_modules/@angular/core/fesm5/core.js.ApplicationRef._loadComponent @ core.js:18153
push../node_modules/@angular/core/fesm5/core.js.ApplicationRef.bootstrap @ core.js:18095
(anonymous) @ core.js:17808
push../node_modules/@angular/core/fesm5/core.js.PlatformRef._moduleDoBootstrap @ core.js:17808
(anonymous) @ core.js:17776
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:391
onInvoke @ core.js:17299
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:390
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:150
(anonymous) @ zone.js:889
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:423
onInvokeTask @ core.js:17290
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:422
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:195
drainMicroTaskQueue @ zone.js:601
Promise.then (async)
scheduleMicroTask @ zone.js:584
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:413
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:258
scheduleResolveOrReject @ zone.js:879
ZoneAwarePromise.then @ zone.js:1012
push../node_modules/@angular/core/fesm5/core.js.PlatformRef.bootstrapModule @ core.js:17803
./src/main.ts @ main.ts:11
__webpack_require__ @ bootstrap:78
0 @ main.ts:12
__webpack_require__ @ bootstrap:78
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
AppComponent_Host.ngfactory.js? [sm]:1 ERROR CONTEXT DebugContext_ {view: {…}, nodeIndex: 0, nodeDef: {…}, elDef: {…}, elView: {…}}

[Indranil]

@suvendujena25,

Please take a look at this gallery page for examples on integrating CanvasJS with Angular.

In case, this doesn’t help you fulfill your requirements, kindly create a sample project reproducing the issue and share it over Google-Drive or Onedrive along with sample data so that we can look into the code, understand your scenario better and help you out.

___________
Indranil Deo
Team CanvasJS