无论ionic3还是ionic4,都可用!
折线图,柱状图,饼状图。。。都在这里。https://www.djamware.com/post/598953f880aca768e4d2b12b/creating-beautiful-charts-easily-using-ionic-3-and-angular-4
1,首先确保项目能启动,没有问题。然后:
1.1 安装Angular 2 Charts and Charts.js
npm install ng2-charts --save
npm install chart.js --save
1.2 导包
在你当前页面(需要画这些图的文件夹),打开***.model.ts文件
import { ChartsModule } from 'ng2-charts';
imports: [
BrowserModule,
IonicModule.forRoot(MyApp),
ChartsModule
],
这是所需要安装的全部东西。
- 编写HTML和TS文件
2.1,MTHL中
<ion-content padding>
<div class="row">
<div class