0

次のアプローチを使用して、json ファイルからポイントを追加しています。

svg.selectAll("circle")
  .data(places.features)      
  .enter()
  .append("circle")
  .attr('cx', function(d) { d.geometry.coordinates)[0]})
  .attr('cy', function(d) { return proj(d.geometry.coordinates)[1]})  
  .attr("r", function(d) { 
      if (d.properties.category == 'a'){           
        return 2
      }else if (d.properties.category == 'b'){            
        return 4
      }else if (d.properties.category == 'c'){            
        return 6
      }
    });

Adobe Illustrator でマップを微調整してきましたが、ポイントをグループとしてマップに追加していないことに気付きました。代わりに、これをどのように構築したかにより、各ポイントは個別のレイヤーになります。ポイントを 1 つのレイヤー グループとして追加するにはどうすればよいですか?

次の方法でsvgandを作成しました。proj

var width = 1000,
    height = 900,
    radius = 340; 

var proj = d3.geo.naturalEarth()    
    .scale(200) 
    .translate([width / 2 , height/2])

var path = d3.geo.path()
    .projection(proj);

var svg = d3.select("body").append("svg")
    .attr("width", width)
    .attr("height", height);
4

2 に答える 2

1

それらをグループに配置します。

svg.append('g').selectAll("circle")
  .data(places.features)
  .enter()
于 2013-09-18T17:27:54.373 に答える
0

グラフィック要素をグループ化するためにSVG<g>要素を使用できます。「g」には、それ自体の視覚的表現はありません。唯一の目的は、他の要素をグループ化することです。

于 2013-09-18T17:27:44.923 に答える