Angular Chart.js第三方庫ng-chartjs基礎使用

項目github地址

這個項目支持基本的Chart.js圖表，并且支持內聯插件和全局插件的使用。

Demo地址

支持圖表類型

• line
• bar
• radar
• pie
• polarArea

安裝

npm install ng-chartjs --save
npm install chart.js --save

導入

1. 正常導入模塊

import { NgChartjsModule } from 'ng-chartjs';// In your App's module:
imports: [NgChartjsModule
]

2. 導入全局插件

import { NgChartjsModule } from 'ng-chartjs';// In your App's module:
imports: [NgChartjsModule.registerPlugin([...])
]

圖表使用

使用ngChartjs指令即可，chartTyp