如何更改d3.js轴线的颜色

Question

这是我的代码。我想将实际轴线的颜色从黑色更改为灰色。

let event = Event(time: Date(), value: EventValue(value: "123abc"))

Answer 1

如果使用的是D3 v5（可能还有v4），则默认样式现在嵌入在元素级别，这省去了您自己在CSS中指定它的麻烦。解决此问题的一种方法是使用CSS的！important标志覆盖它。

.x.axis line {
    stroke: gray !important;
}

或者使用d3调用轴后将其重新应用于元素：

d3.selectAll(".x.axis line")
    .style("stroke","gray");

可能需要一些细化，但该原则应该起作用。