如何在d3中将颜色应用到我的轴？

Question

我是d3的新手。我在d3中创建了一个轴，它的工作正常，但我无法为我的轴设置颜色。我试过fill:none，但它对我不起作用。这是jsfiddle链接

http://jsfiddle.net/untnht4u/

Answer 1

您可以使用CSS为轴着色。 您可以将类设置为轴，如下所示：

var xAxisGroup = svgContainer.append("g")
    .attr("class", "axis")
    .call(xAxis);

并在css上添加类

.axis path, .axis line {
        fill: none;
        stroke: red;
        shape-rendering: crispEdges;
    }

工作示例here