Как изменить цвет текста легенды в графе 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, и я очень потерян.
Любая помощь приветствуется!

Спасибо.

EDIT: Я добавил это в 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

Вот рабочий пример для ссылки