刻度线样式与d3.js

时间:2016-10-19 13:46:33

标签: d3.js svg

有没有办法选择所有刻度线并使它们变为虚线?我尝试选择所有线路,但那只让我在那里。到目前为止,这是我的代码:

http://jsbin.com/zosihajari/edit?js,output

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

enter image description here

1 个答案:

答案 0 :(得分:1)

outerTickSize设置为零:

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

这是你的JSBin:http://jsbin.com/jepudifowu/1/edit?css,js,output