tạo trục d3.js mà không đánh số

Question

Có cách nào để tạo trục d3.js mà không có bất kỳ loại đánh số nào không? Đánh dấu là ok nhưng không có số nào cả. Hiện tại tôi đang tạo trục d3.js bằng mã bên dưới. Cảm ơn trước.

// create Axis 
    svg.selectAll("axis") 
     .data(d3.range(angle.domain()[1])) 
    .enter().append("g") 
     .attr("class", "axis") 
     .attr("transform", function(d) { return "rotate(" + angle(d) * 180/Math.PI + ")"; }) 
    .call(d3.svg.axis() 
     .scale(radius.copy().range([0,0])) 
     .ticks(1) 
     .orient("left")) 
    .append("text") 
    .style("color", "white") 
     .attr("y", 
     function (d) { 
      if (window.innerWidth < 455){ 
      console.log("innerWidth less than 455: ",window.innerWidth); 
      return -(0); 
      } 
      else{ 
      console.log("innerWidth greater than 455: ",window.innerWidth); 
      return -(0); 
      } 
     }) 
     .attr("dy", "0em"); 

Answer 1

Cách đơn giản nhất để ẩn nhãn đánh dấu là thông qua CSS:

.axis text { display: none; } 

Ngoài ra, bạn có thể sử dụng chuỗi rỗng như là định dạng đánh dấu:

axis.tickFormat(""); 

Hoặc, bạn có thể sử dụng sau khi lựa chọn để xóa các phần tử văn bản sau khi tạo trục:

selection.call(axis).selectAll("text").remove(); 

Tất nhiên, tôi thích CSS vì nó là khai báo nhiều nhất. Ví dụ ở đây:

• http://bl.ocks.org/3048740