Ngx-charts: Compatibility for Angular 5

[mssravan56]

The latest version of ng-x charts expects angular to be less than 5, now that stable version of 5 is released, we need ng-x to be working with angular 5 as well

[amcdnl]

cc @marjan-georgiev

[nitinht1988]

@mssravan56 What issue you are facing with Angular 5 ? I am having issue with tooltips on chart hover with Angular 5 and ngx-charts version 6.1.0.

Please help!!!

[HitomiTenshi]

@marjan-georgiev I have the same issue as @nitinht1988. Tooltips are misplaced on line-charts and bar-charts, and don't show at all on polar charts with Angular 5.

[jhilscher]

I have the issue, that the chart isn't rescaling when the window is resized. (view is undefined)
Works on page reload though.

[MashB]

Its breaking in Angular 5 aot build with below error

ERROR in ./aot/node_modules/@swimlane/ngx-charts/release/common/tooltip/tooltip.component.ngfactory.js
Module not found: Error: Can't resolve './tooltip.component' in 'D:\Repositories\DGCMS\src\Web\Dg.Web.B2BPortal\aot\node_modules\@swimlane\ngx-charts\release\common\tooltip'
@ ./aot/node_modules/@swimlane/ngx-charts/release/common/tooltip/tooltip.component.ngfactory.js 10:0-42
@ ./aot/client-application/app/app.module.ngfactory.js
@ ./client-application/app/main-aot.ts
@ multi (webpack)-dev-server/client?http://localhost:9000 ./app/main-aot.ts

[marjan-georgiev]

Version 7.0.0 with support for angular 5 has been released. Please let me know if you run into any issues.

[MashB]

Getting below error
Failed to read JSON file D:/Repositories/DGCMS/src/Web/Dg.Web.B2BPortal/node_modules/@swimlane/ngx-charts/release/polyfills.metadata.json
Error: TypeError: Cannot read property 'version' of null
at readMetadataFile (D:\Repositories\DGCMS\src\Web\Dg.Web.B2BPortal\node_modules\@angular\compiler-cli\src\transformers\metadata_reader.js:66:29)
at Object.readMetadata (D:\Repositories\DGCMS\src\Web\Dg.Web.B2BPortal\node_modules\@angular\compiler-cli\src\transformers\metadata_reader.js:35:25)
at TsCompilerAotCompilerTypeCheckHostAdapter.getMetadataFor (D:\Repositories\DGCMS\src\Web\Dg.Web.B2BPortal\node_modules\@angular\compiler-cli\src\transformers\compiler_host.js:413:34)
at StaticSymbolResolver.getModuleMetadata (D:\Repositories\DGCMS\src\Web\Dg.Web.B2BPortal\node_modules\@angular\compiler\bundles\compiler.umd.js:31789:62)
at StaticSymbolResolver.hasDecorators (D:\Repositories\DGCMS\src\Web\Dg.Web.B2BPortal\node_modules\@angular\compiler\bundles\compiler.umd.js:31516:46)
at analyzeFile (D:\Repositories\DGCMS\src\Web\Dg.Web.B2BPortal\node_modules\@angular\compiler\bundles\compiler.umd.js:30063:63)
at AotCompiler._analyzeFile (D:\Repositories\DGCMS\src\Web\Dg.Web.B2BPortal\node_modules\@angular\compiler\bundles\compiler.umd.js:29291:17)
at AotCompiler.findGeneratedFileNames (D:\Repositories\DGCMS\src\Web\Dg.Web.B2BPortal\node_modules\@angular\compiler\bundles\compiler.umd.js:29307:42)
at Object.findGeneratedFileNames (D:\Repositories\DGCMS\src\Web\Dg.Web.B2BPortal\node_modules\@angular\compiler-cli\src\transformers\program.js:392:82)
at TsCompilerAotCompilerTypeCheckHostAdapter.getSourceFile (D:\Repositories\DGCMS\src\Web\Dg.Web.B2BPortal\node_modules\@angular\compiler-cli\src\transformers\compiler_host.js:325:55)

[HitomiTenshi]

@MashB There's PR #639 that is supposed to fix that.

[nitinht1988]

I am getting same error as @MashB . I tried running npm install github:HitomiTenshi/ngx-charts#angular5 but seems not working for me.

[HitomiTenshi]

@nitinht1988 Did you try to delete your node_modules folder and package-lock.json file and then running npm install? Assuming that your ngx-charts dependency is updated in your package.json to this line:

"@swimlane/ngx-charts": "github:HitomiTenshi/ngx-charts#angular5",

If that doesn't work, what Angular version do you use? My custom build is version 7.0.0 which only supports Angular 5.

[marjan-georgiev]

Released 7.0.1 with @HitomiTenshi's fix for this.

[HitomiTenshi]

@nitinht1988 Well then forget what I said just now 😆 and just update to the latest release. 😄
Thanks @marjan-georgiev for merging the fix. 👍

[nitinht1988]

Thanks @HitomiTenshi @marjan-georgiev for the quick fix.

[levytskyy]

Angular 5, ngx-charts 7.0.1, the error still remains on server rendering
__metadata("design:paramtypes", [MouseEvent]),
ReferenceError: MouseEvent is not defined

[svsgdev]

Angular 5 and ngx-charts 7.0.1 , I still have the issue of misplaced tool tip on combo bar and line chart.
I am using mouse event polyfill but still have misplaced tooltips.

Browser-IE11