Ng2-ring-chart NPM

Ring Chart for Angular

Simple module to create customisable ring chart

Getting started

Install via npm :

npm install ng2-ring-chart --save

Then include the RingChart module in your app module.

import { RingChartModule } from 'ng2-ring-chart';

@NgModule({
  imports: [
    BrowserModule,
    RingChartModule,
    ...
  ]
  ...
})
export class AppModule {}

Now you just have to use the component where you need it :

  <app-ring-chart [label]="'label name'" [value]="58"></app-ring-chart>

If you use System.js loading in developpement, configure the module path like for other Angular modules :

System.config({
    ...
    map: {
      '@angular/core': 'node_modules/@angular/core/bundles/core.umd.js',
      ...
      'ng-ring-chart': 'node_modules/ng-ring-chart/bundles/ringChart.umd.js'
    }
    ...
});