@xpr/xprcharts v1.0.1

Xprcharts

Chart.js module for Angular.

Xprcharts library is a an Angular directive wrapping the creating of Chart.js charts. Xprcharts designed to work with Chart.js configuration.

Temporary README file, more docs soon...

Installation

npm install @xpr/xprcharts@latest --save

Don't forget to install Chart.js (v2)

npm install chart.js --save
npm install @types/chart.js --save-dev

Usage

Import XprCharts module:

...
import {XprChartsModule} from '@xpr/xprcharts';

@NgModule({
  declarations: [...],
  imports: [
    BrowserModule,
    XprChartsModule
  ]
})
export class MyModule {}

Use it in your templates:

@Component({
  template: '<div><canvas [xprCharts]="myChart"></canvas></div>'
})
export class MyComponent {
    
    myChart: XprChartsConf = {..};
}

Use Chart.js configuration for "xpr-conf".