如何更改d3js圖形中圖例的文字顏色？標題;

Question

標題;我正在關注this tutorial on a stacked bar chart.我有一個黑色的背景，並希望將圖例的顏色更改爲白色。我已經在軸上這樣做了，但似乎無法編輯圖例文本。我試圖

.legend { 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-size: 60%; 
    color: white; //added, but doesn't work 
} 

從我可以告訴，這個代碼：

svg.append("g") 
     .attr("class", "legendLinear") 
     .attr("transform", "translate(0,"+(height+30)+")"); 
var legend = d3.legend.color() 
     .shapeWidth(height/4) 
     .shapePadding(10) 
     .orient('horizontal') 
     .scale(color); 

創造了傳奇，但我不知道如何修改標籤圖例中的文本標籤。

正如你可能會說的那樣，我對d3和javascript非常陌生，而且很迷茫。
任何幫助表示讚賞！

謝謝。

編輯：我已將此添加到CSS，但它去掉了標籤完全代替使它白色（你可以通過改變本教程的背景爲灰色檢查）的：

.legendLinear{ 
    fill: '#ffffff' 
} 

EDIT2：我改變它到：

.legendLinear text.label { 
    fill: '#fff' 
} 

而且它似乎也不工作;文字仍然是黑色的。

Answer 1

你可以這樣做使用CSS：

.legendLinear text.label { 
    fill: '#fff' 
} 

Answer 2

.axis path { 
    stroke: white; 
} 
    .axis line { 
    stroke: white; 
} 
    text { 
    fill: white; 
} 

http://codepen.io/tcasey/pen/dXKrBx

這裏有一個工作示例參考