angularjs-nvd3-在图例和图表元素中设置颜色

angularjs-nvd3-在图例和图表元素中设置颜色,angularjs,nvd3.js,Angularjs,Nvd3.js,早上好 我使用的是angularjs-nvd3指令,这很好,但在设置多条形图的颜色时遇到了困难 《传奇》的效果很好: <div ng-controller="ExampleCtrl"> <nvd3-multi-bar-chart data="exampleData" id="showLegendExample" width="550" height="300" showXAxis="true

早上好

我使用的是angularjs-nvd3指令,这很好,但在设置多条形图的颜色时遇到了困难

《传奇》的效果很好:

<div ng-controller="ExampleCtrl">
    <nvd3-multi-bar-chart
        data="exampleData"
        id="showLegendExample"
        width="550"
        height="300"
        showXAxis="true"
        showYAxis="true"
        xAxisTickFormat="xAxisTickFormatFunction()"
        showLegend="true">
            <svg></svg>
    </nvd3-multi-bar-chart>
</div>  

图表对象的颜色会更新,但图例不会更新。这是angularjs-nvd3指令的一个限制,即我可以设置颜色或有图例,但不能同时设置两者,还是我遗漏了什么?

如果直接使用颜色=['FF0000','0000FF','FFFF00','00FFFF']我没有调用这个函数,而是将它添加到可能的重复项旁边,我通过一个重复项找到了答案-参见上面的:legendColor=colorFunction
var colorArray = ['#FF0000', '#0000FF', '#FFFF00', '#00FFFF'];
$scope.colorFunction = function() {
    return function(d, i) {
        return colorArray[i];
    };
}