如何更改 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

这是一个可供参考的工作示例

Answer 3

只需使用：

legend.style("fill", '#fff')

如何更改 d3js 图中图例的文本颜色？

How to change text color of legend in d3js graph?

html

javascript

graph

legend

d3.js