2017-06-20 31 views
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> 

答えて

2

次...

public pieChartColors: Array <any> = [{ 
    backgroundColor: ['red', 'yellow', 'rgba(148,159,177,0.2)'], 
    borderColor: ['rgba(135,206,250,1)', 'rgba(106,90,205,1)', 'rgba(148,159,177,1)'] 
}]; 
... 

ない「NG2-チャートのようなものを試してみてください'プロ、しかしafaikこれは動作するはずです。

+0

ありがとうございました!なぜドキュメンテーションは、オブジェクトの単一の配列を持っていると言っているのですか? – greatTeacherOnizuka

+0

私はそれが複数のデータセットのためだと思います。しかし、単一のデータセットを使用しているので、複数の背景/境界線の色の配列を持つ単一のオブジェクトを使用する必要があります –

関連する問題