2016-10-19 48 views
1

有沒有辦法選擇所有的刻度線,並使它們破滅?我嘗試過選擇所有線路,但那隻能讓我在中途停下來。這裏是我到目前爲止的代碼:刻度線標記線樣式與d3.js

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

我會做的是讓垂直線的擱置,使他們灰色和虛線而且如果有可能抵消它們有點偏離軸線,使他們不開始/結束在svg空間的底部/頂部。有沒有辦法做到這一點?

enter image description here

回答

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

+0

你是一個魔法師先生!謝謝你的偉大答案! – konrad

+0

我會問,有一種方法可以抵消水平軸線上的垂直虛線嗎?我希望他們從軸線上方開始,以免那些人碰觸到。 – konrad

+0

他們只是SVG元素,你可以翻譯它們。 –