Ng2-charts: Support in Angular 6

Created on 19 Jun 2018 · 11Comments · Source: valor-software/ng2-charts

is it supported in Angular 6?

Source

markgrichanik

👍3

Most helpful comment

Yes it does, I just made it work, without any particular operation

Gullfaxi171 on 13 Jul 2018

👍2

All 11 comments

I would really like to know, does it?

jonathanspence on 11 Jul 2018

Yes it does, I just made it work, without any particular operation

Gullfaxi171 on 13 Jul 2018

👍2

Asking the real questions. I wish this was by default on all angular libraries.

Epicnessism on 17 Jul 2018

👍1

Yes it does, I have just created a new project with Angular 6 version, there is my package.json dependencies.

"dependencies": {
    "@angular/animations": "^6.0.2",
    "@angular/common": "^6.0.2",
    "@angular/compiler": "^6.0.2",
    "@angular/core": "^6.0.2",
    "@angular/forms": "^6.0.2",
    "@angular/http": "^6.0.2",
    "@angular/platform-browser": "^6.0.2",
    "@angular/platform-browser-dynamic": "^6.0.2",
    "@angular/router": "^6.0.2",
    "core-js": "^2.5.4",
    "ng2-charts": "^1.6.0",
    "rxjs": "^6.0.0",
    "zone.js": "^0.8.26"
  }

Just verify the documentation to implements library correctly.

angelmartinez-wz on 27 Jul 2018

I'm new to angular 6, do you guys know how to properly include the chart.js lib such that it works in production too?

chovy on 28 Jul 2018

👍1

That wasn't what i was asking.

chovy on 30 Jul 2018

it works on angular 6 but I'm not sure it will on angular 7:

just got the following errors:

Package "ng2-charts" has an incompatible peer dependency to "@angular/common" (requires "^2.3.0 || >=4.0.0" (extended), would install "7.0.0-rc.0"). Package "ng2-charts" has an incompatible peer dependency to "@angular/core" (requires "^2.3.0 || >=4.0.0" (extended), would install "7.0.0-rc.0"). Incompatible peer dependencies found. See above.

Gullfaxi171 on 2 Oct 2018

@Gullfaxi171 The error is thrown because the ng2-charts require a stable package. Note that the installed version of Angular is 7.0.0-rc.0. It should work with 7.0.0 (stable channel)

Sturgelose on 8 Oct 2018

please this chart https://github.com/93Alliance/ng-chartjs

93Alliance on 8 Nov 2018

For Angular 7.1, this worked for me, add the path to chartjs node_module script to the scripts array in the angular.json and import the ChartsModule normally.

"assets": [ "src/favicon.ico", "src/assets" ], "styles": [ "src/styles.css", "node_modules/bootstrap/dist/css/bootstrap.min.css" ], "scripts": [ "node_modules/chart.js/dist/Chart.min.js" ]