2017-07-17 4 views
1

これらのオプションを使用して折れ線グラフを作成していますが、背景が色を変更しておらず、デフォルトの色を使用しています。何か不足していますか?ng2 - チャートの背景色に正しい値が反映されない

public lineChartColors:Array<any> = [ 
    { 
    borderColor: 'rgba(128,139,157,1)', 
    pointBackgroundColor: 'rgba(148,159,177,1)', 
    pointBorderColor: '#fff', 
    pointHoverBackgroundColor: '#fff', 
    pointHoverBorderColor: 'rgba(148,159,177,0.8)' 
    }, 
    { 
    borderColor: 'rgba(47,63,46,1)', 
    pointBackgroundColor: 'rgba(77,83,96,1)', 
    pointBorderColor: '#fff', 
    pointHoverBackgroundColor: '#fff', 
    pointHoverBorderColor: 'rgba(77,83,96,1)' 
    }, 
    { 
    borderColor: 'rgba(128,129,157,1)', 
    pointBackgroundColor: 'rgba(148,159,177,1)', 
    pointBorderColor: '#fff', 
    pointHoverBackgroundColor: '#fff', 
    pointHoverBorderColor: 'rgba(148,159,177,0.8)' 
    } 
]; 

答えて

0

pointBackgroundColorとbackgroundColorのは、あなたがのbackgroundColorに追加する場合は、おかげでそれをやった

public lineChartColors:Array<any> = [ 
    { 
    pointBackgroundColor: 'rgba(//someColor)', //add this 
    borderColor: 'rgba(128,139,157,1)', 
    pointBorderColor: '#fff', 
    pointHoverBackgroundColor: '#fff', 
    pointHoverBorderColor: 'rgba(148,159,177,0.8)' 
    }, ... 
+1

AGHを、好きなことを反映している必要があり、二つの異なるオプションがあります! – Failbot

関連する問題