19

番号付けなしで 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");
4

1 に答える 1

45

目盛りラベルを非表示にする最も簡単な方法は、CSS を使用することです。

.axis text { display: none; }

または、空の文字列を目盛りの形式として使用できます。

axis.tickFormat("");

または、軸を作成した後に選択後を使用してテキスト要素を削除することもできます。

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

もちろん、最も宣言的であるため、私は CSS を好みます。例:

于 2012-07-27T16:43:17.977 に答える