2

d3.js軸を作成し、目盛りや番号付けスキームを使用することはできますか？基本的に、軸を非表示にすることはできますか？以下のコードを使用して軸を作成しています。

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

2

軸を表示したくない場合は、描画しないでください（基本的にこのコードをコメントアウトしてください）。

本当に白くしたい場合は、次のクラスを使用できます。

.axis line, .axis text, .axis path {
   color: white;
}

これは、それらを「オン」および「オフ」にするために操作する最も簡単な方法です。また、ダイアグラムのスタイルを設定する方法を理解する必要があるd3場合は、HTMLと同じようにSVGをナビゲートし、CSSを使用してスタイルを設定することもできます。

たとえば、これは。の目盛りのSVGですaxis。

<line class="tick" y2="6" x2="0"></line>

line要素（ ）をターゲットにしたことがわかりますが、（ ）.tickをターゲットにすることもできます。

于 2012-07-26T21:40:57.437 に答える