Javascript js：为轴动态添加颜色

我正在尝试在d3.js中创建一个折线图。此图表的轴颜色仅在运行时可用，并且可以在大量颜色中变化。可以使用css类设置轴的颜色，如

但是，由于我的图表可以使用的颜色范围非常广泛，并且只能在运行时使用，因此使用此解决方案是不可行的。使用

call（yAxis）.style（“stroke”，userColor）

设置轴标签和刻度上使用的字体颜色，而不是轴本身的颜色

---

是否可以使用javascript动态设置d3.js axis中axis的颜色？

我认为您可能需要的是以下内容：

d3.selectAll('.axis path')
    .style("stroke", userColor)
    .style("fill", userColor)

---

在这种情况下，

.axis path

应该是轴线上的一些识别css（可能与d3一起放入

yAxis

函数中）。您可能只需要使用

填充

和

笔划

中的一种，试试看什么适合您。这应在实际轴线上运行，而不是文本元素

我想要实现的目标是正确的。我想知道d3本身是否提供了一些动态设置轴颜色的功能，就像它为各种其他属性所做的那样。这将减少工作量并大大简化代码。以这种方式设置轴颜色应该不会有问题，您可以动态修改选择。我将看看是否可以找到一些示例，或者如果您创建一个plunkr/jsfiddle，我可能可以帮助您修改它。最好的方法可能取决于你想如何触发颜色的变化。似乎目前没有更好的方法。我最终只采用了这种方法。