ngx-easypiechart

ng 6/7 module for easy-pie-chart.

EasyPieChart

More details on easy-pie-chart.

Usage

package.json

Add the following to package.json file.

    "easy-pie-chart": "~2.1.7",
    "ngx-easypiechart": "0.1.7"

app.module.ts

Add the following to app.module.ts file.

import { NgxEasypiechartModule } from 'ngx-easypiechart';
..
..
imports: [
  ...,
  NgxEasypiechartModule,
  ...
]

HTML ( macro )

The following macro can be embedded in HTML to display the easy-pie-chart.

<ngx-easypiechart [options]="options" [percent]="percent">
</ngx-easypiechart>

typescript code

  constructor() {
    this.percent = 80;
    this.options = {
      size: 50,
      rotate: 0
    };
    ...
  }

For the exhaustive list of options, refer to the original easy-pie-chart documentation