Простая круговая диаграмма не появляется в ионном 2
Я использую NPM https://www.npmjs.com/package/ng2modules-easypiechart для ионного проекта
Импортировать модуль app.maodule.ts
import { EasyPieChartModule } from 'ng2modules-easypiechart';
imports: [
EasyPieChartModule
]
Я использую директиву easyPieChart в своем шаблоне компонента, но диаграмма не отображается.
Html
<easy-pie-chart [percent]="percent" [options]="options"></easy-pie-chart>
Составная часть
import 'easy-pie-chart/dist/easypiechart.js';
@Component({
selector: 'page-transactiontype',
templateUrl: 'TransactionDetails.html'
})
export class TransactionDetails {
public percent: number;
public options: any;
constructor() {
this.percent = 80;
this.options = {
barColor: '#ef1e25',
trackColor: '#f9f9f9',
scaleColor: '#dfe0e0',
scaleLength: 5,
lineCap: 'round',
lineWidth: 3,
size: 110,
rotate: 0,
animate: {
duration: 1000,
enabled: true
}
};
}
}