Change graph label colors

[kevgliss]

This might have to do with nvd3 but would you happen to know an easy way to change the label colors of a graph?

I can change the color with:

d3.selectAll('.nvd3.nv-legend g').style('fill', "white")

in the console, but am unsure how where to make the corrections in relation to angular + nvd3 lifecycle

[krispo]

Try to add this to callback option, like:

$scope.options = {
    ...,
    callback: function(){
        d3.selectAll('.nvd3.nv-legend g').style('fill', "white");
    }
}

[kevgliss]

Worked great! I was also able to change the label colors with:

d3.selectAll('.nv-pieLabels text').style('fill', "white");

Thanks for the help and the sweet library!

[marceol]

Hi kevgliss, krispo I'm trying to do the same you did, but it is not working for me.... the callback function is executing before the piechart renders, I've placed your code as last function in my controller, and I cannot figure out what could be wrong, Is there any setting to add for the callback to execute after the piechart renders??

Thanks!

[krispo]

Can you show your controller code?
please, check also this demo.

[marceol]

Thanks for the quick response! I've ended up using callback="callbackFunction()" instead of options in the HTML and worked like a charm, awesome library, it is making things a lot simpler for me.