使用 D3，如何设置轴路径和线的属性（"fill"、"none"），而不是文本（不编辑样式表）

Question

如果我这样做，轴文本的填充也会设置为 none。

     graph.append("g")
        .attr("class", "x axis")
        .attr("fill", "none")
        .call(rrd3.xAxis);

如何将路径和线条的填充设置为 none，而不是文本。我想通过 d3 使用 javascript 来执行此操作。我可以通过编辑我的样式表来让它工作，但这不是我想要的方式。

Answer 1

Select 您要明确更改的元素：

var axG = graph.append("g")
    .attr("class", "x axis")
    .call(rrd3.xAxis);
axG.selectAll("path").attr("fill", "none");
axG.selectAll("line").attr("fill", "none");

使用 D3，如何设置轴路径和线的属性（"fill"、"none"），而不是文本（不编辑样式表）

With D3, how can I set attribute ("fill", "none") of axis path and line, but not text (without editing stylesheet)

javascript

d3.js