2014-10-02 64 views
0

赫雷什我的代碼:D3文本軸不表示

var height = 500, 
     width = 500, 
     margin = 25, 
     offset = 50; 
    var data = [4, 8, 15, 16, 23, 42]; 
    var axisWidth = width - 2 * margin; 
    var x = d3.scale.linear() 
    .range([0, axisWidth]) 
    .domain([0,42]); 
    var xAxis = d3.svg.axis() 
    .scale(x) 
     .ticks(20, ",.1s") 
     .tickSize(6, 0) 
    .orient("bottom"); 
    var chart = d3.select(".chart") 
     .attr("width", width) 
     .attr("height", height); 

    chart.append("g") 
     .attr("class", "x axis") 
     .attr("transform", "translate(0,200)") 
     .call(xAxis); 

我按照幾個例子,它們都具有連接蜱和文本值蜱的線,所有我是蜱?? 任何線索爲什麼?使用Chrome。

+1

您是否在CSS中設計了路徑元素?請參閱本軸教程中的「清理」部分:http://alignedleft.com/tutorials/d3/axes – 2014-10-02 18:07:57

回答

1

你需要設置樣式爲線以及:

path, line { 
    fill: none; 
    stroke: black; 
} 

完成演示here