2015-06-17 90 views
0

我有d3.scale.linear對象。使用CSS我做了大規模的不透明:D3如何從不透明刻度去除刻度點

.axis .domain { 
    visibility: hidden; 
} 

.axis .halo { 
    fill: none; 
    stroke: #ccc; 
    stroke-opacity: .5; 
    stroke-width: 17px; 
} 

(例如代碼http://bl.ocks.org/mbostock/6452972拍攝)


enter image description here


,你可以看到,還有來自規模留下了一些點蜱。

我想這個CSS:

.tick { 
     opacity: 0; 
    } 

,但它並沒有幫助

回答

0
.axis line { 
     visibility: hidden; 
    } 

解決了這個問題。


這是它是如何從JavaScript本身完成:

d3.select(".axis") 
    .selectAll("line") 
    .attr("style", "visibility: hidden;"); 
0

嘗試蜱的填充設置爲透明或相同的顏色作爲背景色。類似下面的內部JS或使用CSS。

.style { 
    fill: transparent; 
} 

希望這有助於!