Javascript 对于D3,如何设置轴路径和线的属性(“填充”和“无”),而不是文本(不编辑样式表)

Javascript 对于D3,如何设置轴路径和线的属性(“填充”和“无”),而不是文本(不编辑样式表),javascript,d3.js,Javascript,D3.js,如果执行此操作,轴文本的填充也将设置为“无” graph.append("g") .attr("class", "x axis") .attr("fill", "none") .call(rrd3.xAxis); 如何将路径和行的“填充”设置为“无”,而不是文本。我想通过d3使用javascript实现这一点。我可以通过编辑样式表使其工作,但我不想这样做。选择要显式更改的元素: var axG = graph.append("g")

如果执行此操作,轴文本的填充也将设置为“无”

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

如何将路径和行的“填充”设置为“无”,而不是文本。我想通过d3使用javascript实现这一点。我可以通过编辑样式表使其工作,但我不想这样做。

选择要显式更改的元素:

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

将代码移动到创建路径和行的位置。目前,该
的所有子元素都将继承各自的属性。这是我的第一个想法,但我从未真正创建路径和行。我创建了axis,它似乎内置了所有这些东西。最干净的方法是使用样式表。没有它们,我就不会想到简单/干净的方法。也许这是唯一的方法。现在,我将把它保留在我的样式表中,但我将保留这个问题,以防有人能想出一种方法。有几种方法。。。您可以选择附加的
下面的任何路径和线条元素,并将样式应用于这些元素,但这还远远不够清晰。。。