角度圖表js設置條形圖的填充顏色

我想即時發瘋 - 我從字面上瀏覽了所有圖表js和角度圖表js文檔和示例，並且無法更改我的條形圖的填充顏色。角度圖表js設置條形圖的填充顏色

現在我有這樣的HTML：

<canvas 
    data-ng-show='graphType.bar' 
    class="chart chart-bar graph" 
    chart-data="data" 
    chart-labels="labels" 
    chart-colours=colorsEven> 
</canvas>

控制器我有：

$scope.results = {'1': 0, '2': 0, '3': 0, '4': 0, '5': 0, '6': 0, '7': 0, '8': 0, '9': 0, '10': 0}; 
$scope.labels = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'];

//然後我有一個GET請求來獲取數據

for (var i=0; i<res.data.length; i++) { 
    $scope.results[res.data[i].Body] ++; 
} 
for (var key in $scope.results) { 
    $scope.data.push($scope.results[key]); 
} 
$scope.colorsEven = [{ 
    fillColor: 'rgba(59, 89, 152,0.2)', 
    strokeColor: 'rgba(59, 89, 152,1)', 
    pointColor: 'rgba(59, 89, 152,1)', 
    pointStrokeColor: '#fff', 
    pointHighlightFill: '#fff', 
    pointHighlightStroke: 'rgba(59, 89, 152,0.8)' 
}];

我看不到我做錯了什麼？每個酒吧必須有一個對象嗎？所以在這種情況下10個對象？順便說一句，條形圖填充很好 - 標籤和數據是他們應該在哪裏。只是顏色不工作。

編輯：澄清 - 我正在尋找所有酒吧是相同的顏色。

來源

2016-09-23 Sabrina

HTML屬性應該由""引用。此外，它應該是chart-dataset-override而不是chart-colours。

<canvas 
    data-ng-show="graphType.bar" 
    class="chart chart-bar graph" 
    chart-data="dataProp" 
    chart-labels="labels" 
    chart-dataset-override="colorsEven"> 
</canvas>

爲了chart-dataset-override工作，chart-data必須是數據Array S的Array。

$scope.dataProp = [$scope.data];

來源

2016-09-23 10:01:57

我試過了，沒有引號，兩者都不起作用... – Sabrina

'chart-colors'而不是'chart-colours'怎麼辦？ –

沒有，這仍然不起作用 - 也澄清。即時通訊尋找使所有的酒吧相同的顏色......如果這有所作爲。 – Sabrina

正如你可以在這個post看到，命名改變。如果您使用的是角度圖1.0.3，則屬性爲圖表顏色。

此外，填充顏色現在的backgroundColor，你可以使用BORDERCOLOR爲欄的邊框的顏色。

來源

2016-10-27 11:08:56 eli0tt

角度圖表js設置條形圖的填充顏色

回答

相關問題