0
ng-2グラフを使用していますが、円グラフを正しく表示できますが、別の円グラフの色を変更することはできません。Chart.js ng2グラフの円グラフの色が表示されない
パイのすべてのスライスがオブジェクト(この場合は赤色)で宣言された最初の色を取得するバグがあるようです。
public pieChartColors:Array<any> = [
{
backgroundColor: 'red',
borderColor: 'rgba(135,206,250,1)',
},
{
backgroundColor: 'yellow',
borderColor: 'rgba(106,90,205,1)',
},
{
backgroundColor: 'rgba(148,159,177,0.2)',
borderColor: 'rgba(148,159,177,1)',
}
];
// Pie
public pieChartLabels:string[] = ['First Set', 'Sales', 'Mail'];
public pieChartData:number[] = [300, 500, 100];
public pieChartType:string = 'pie';
マイビュー:
私component.tsは次のようになります
<canvas baseChart
[data]="pieChartData"
[labels]="pieChartLabels"
[chartType]="pieChartType"
[colors]="pieChartColors"></canvas>
ありがとうございました!なぜドキュメンテーションは、オブジェクトの単一の配列を持っていると言っているのですか? – greatTeacherOnizuka
私はそれが複数のデータセットのためだと思います。しかし、単一のデータセットを使用しているので、複数の背景/境界線の色の配列を持つ単一のオブジェクトを使用する必要があります –