現在、angular 2 を使用し、プロジェクトで ng2-charts を使用してアプリを開発しています。プロジェクトは、コルドバによってラップされた後もブラウザーで実行されます。ただし、Cordova を使用して iOS で実行すると、すべての ng2-charts が表示されるわけではありません。
ng2-chart と iOS の間の非互換性またはその他の理由によるものでしょうか?
どうもありがとう。:)
たとえば、円グラフ コンポーネントは iOS では機能しませんが、ブラウザーでは適切に表示されます。これが pie-chart.component.ts のコードです。
import { Component } from '@angular/core';
@Component({
selector: 'pie-chart',
templateUrl: './pie-chart.html'
})
export class PieChartComponent {
// Pie
public pieChartLabels:string[] = ['A', 'B', 'C'];
public pieChartData:number[] = [300, 200, 100];
public pieChartOptions:any = {
responsive: true
};
public pieChartType:string = 'pie';
// events
public chartClicked(e:any):void {
console.log(e);
}
public chartHovered(e:any):void {
console.log(e);
}
}
pie-chart.html のコード:
<div style="display: block">
<canvas baseChart height = "150"
[data]="pieChartData"
[labels]="pieChartLabels"
[options]="pieChartOptions"
[chartType]="pieChartType"
(chartHover)="chartHovered($event)"
(chartClick)="chartClicked($event)">
</canvas>
</div>