Подтвердить что ты не робот

Создать оси d3.js без нумерации

Есть ли способ создать ось d3.js без какой-либо нумерации? Тикировки в порядке, но просто нет номеров. В настоящее время я создаю ось d3.js с приведенным ниже кодом. Спасибо заранее.

 // 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");
4b9b3361

Ответ 1

Самый простой способ скрыть метки ярлыков - через CSS:

.axis text { display: none; }

В качестве альтернативы вы можете использовать пустую строку в качестве формата тика:

axis.tickFormat("");

Или вы можете использовать post-selection для удаления текстовых элементов после создания оси:

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

Конечно, я предпочитаю CSS как наиболее декларативный. Пример здесь: