使用d3.js标记线条样式

有没有办法选择所有的记号线并使它们成为虚线？我试着选择所有的线路，但这只让我走了一半。以下是我目前的代码：

我要做的是抓住垂直线，使它们变成灰色和虚线，但如果可能的话，也要使它们偏离轴线一点，这样它们就不会在svg空间的底部/顶部开始/结束。有办法吗

---

将

outerTickSize

设置为零：

var xAxis = d3.svg.axis()
    .scale(x)
    .orient("bottom")
    .outerTickSize(0)
    .innerTickSize(-(height-20));

---

这是您的JSBin:

我想问的一件事，有没有办法将垂直虚线与水平轴线偏移？我希望它们从轴线上方开始，这样它们就不会接触。它们只是SVG元素，您可以对它们进行转换。具体添加“transform:translateY（10px）”；到轴/文本和轴/路径