ng2-charts
Advanced tools
Comparing version 2.0.0-beta.2 to 2.0.0-beta.3
{ | ||
"name": "ng2-charts", | ||
"version": "2.0.0-beta.2", | ||
"version": "2.0.0-beta.3", | ||
"peerDependencies": { | ||
@@ -5,0 +5,0 @@ "@angular/common": "^7.2.0", |
# ng2-charts [![npm version](https://badge.fury.io/js/ng2-charts.svg)](http://badge.fury.io/js/ng2-charts) [![npm downloads](https://img.shields.io/npm/dm/ng2-charts.svg)](https://npmjs.org/ng2-charts) [![slack](https://ngx-slack.herokuapp.com/badge.svg)](https://ngx-slack.herokuapp.com) | ||
Beautiful charts for Angular2 based on Chart.js | ||
**Library updated for Angular 7** | ||
<!-- [![Sauce Test Status](https://saucelabs.com/browser-matrix/valorkin.svg)](https://saucelabs.com/u/valorkin) --> | ||
@@ -11,4 +13,11 @@ [![NPM](https://nodei.co/npm/ng2-charts.png?downloads=true&downloadRank=true&stars=true)](https://npmjs.org/ng2-charts) | ||
Sample in below website uses ng2-charts@1.1.0 | ||
Sample using ng2-charts@2.0.0-beta.3 | ||
https://stackblitz.com/edit/ng2-charts7-demo | ||
- - - | ||
Original sample using ng2-charts@1.1.0 | ||
[http://valor-software.github.io/ng2-charts/](http://valor-software.github.io/ng2-charts/) | ||
@@ -25,5 +34,5 @@ [http://plnkr.co/edit/7fGsiuRjcF0M0Ffeoml2?p=preview](http://plnkr.co/edit/7fGsiuRjcF0M0Ffeoml2?p=preview) | ||
```bash | ||
npm install ng2-charts --save | ||
npm install ng2-charts@2.0.0-beta.3 --save | ||
``` | ||
2. You need to install and include `Chart.js` library in application via `html` or `webpack bundler` (more options can be found in official `chart.js` [documentation](http://www.chartjs.org/docs/#getting-started)) | ||
2. You need to install and include `Chart.js` library in your application (it is a peer dependency of this library) (more info can be found in the official `chart.js` [documentation](http://www.chartjs.org/docs/#getting-started)) | ||
@@ -34,16 +43,8 @@ ```bash | ||
**Important**: Embedding `Chart.js` in application is mandatory! | ||
```html | ||
<script src="node_modules/chart.js/src/chart.js"></script> | ||
``` | ||
### Usage & Demo | ||
Demo and API details of ***ng2-charts*** can be found here: | ||
[demo](http://valor-software.github.io/ng2-charts/) and [source code](https://github.com/valor-software/ng2-charts/tree/master/demo). | ||
### System.js | ||
https://stackblitz.com/edit/ng2-charts7-demo | ||
System.js bundles can be found in `bundles` directory of npm package or at [npm cdn](https://npmcdn.com/ng2-charts/bundles/) | ||
## API | ||
@@ -53,3 +54,3 @@ | ||
```typescript | ||
import { ChartsModule } from 'ng2-charts/ng2-charts'; | ||
import { ChartsModule } from 'ng2-charts'; | ||
@@ -56,0 +57,0 @@ // In your App's module: |
97
239067