d3.js：动态为轴添加颜色

Question

I am trying to create a line chart in d3.js.The color of the axes for this chart would be available only at runtime and can vary in a vast set of colors.It is possible to set the colors for the axes using css classes like this .

But since the range of colors that my chart can take is vast and only available at runtime, its not feasible to use this solution.Using call(yAxis).style("stroke",userColor) sets the color for the font use on axes labels and ticks but not the color of axis itself.

Is it possible to set the color of axis in d3.js axis dynamically using javascript?

Answer 1

I think the what you might want is something like the following:

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

In this case, .axis path should be some identifying css on your axis lines (possibly put in with d3 as well in your yAxis function). You probably only need one of fill and stroke , try it out to see what works for you. This should operate on the actual axis line, rather than the text element