NVD3 Cambia il colore del testo dell'etichetta

Question

Ho cercato disperatamente di cambiare il colore del testo dell'etichetta sui grafici che sto disegnando con nvd3.js - sono disegnati in nero, ma ho bisogno di loro bianchi a causa del colore del pagina sono inclusi su.

Sto usando nvd3.js versione 1.1.15BETA con d3.js versione 3.3.13, integrata nella mia app AngularJS tramite la versione 0.0.7 di angularjs-nvd3-directives.

Qualcuno ha qualche suggerimento su cosa fare per realizzare questo?

Grazie.

Answer 1

Cambiare il colore del testo nel grafico, provate questo:

svg text { 
    fill: white; 
} 

Per cambiare il colore dell'etichetta nel grafico a torta

.nvd3.nv-pie .nv-slice text { 
    fill: white !important; 
} 

Ecco un working fiddle.

Speranza che aiuta

Answer 2

Speranza che aiuta:

nel controller:

$scope.callbackFunction = function(){ 
    return function(){ 
      d3.selectAll('.nv-pieLabels text').style('fill', "white"); 
    } 
} 

nel codice HTML (l'unica cosa importante è callback = callbackFunction()):

<nvd3-pie-chart 
data="exampleData" 
id="exampleId" 
color="colorFunction()" 
width="1100" 
height="700" 
x="xFunction()" 
y="yFunction()" 
rotateLabels="120" 
showLabels="true" 
callback="callbackFunction()"> 
<svg></svg> 
</nvd3-pie-chart> 

Crediti a:

https://github.com/cmaurer/angularjs-nvd3-directives/blob/master/examples/nvd3.callback.html & https://github.com/krispo/angular-nvd3/issues/8