2016-03-25 13 views
2

インドの地図でさまざまな州にスタイルを適用したい:今のところ、特定のデータに基づいてある色の濃い色合い。d3.js国別マップで州ごとに個別の要素を作成するにはどうすればよいですか?

まずは、各状態ごとに別々の要素を作成し、その塗りつぶし色を自分のデータの関数に設定する必要があると思います。

私はこれに本当に新しいです。だから、これはおそらく簡単に答えることができます。私はそれを理解することはできません。

私は英国国ごとに別々のパス要素を作成するために、ボストックのコードをコピーしてみました:

svg.selectAll(".subunit") 
.data(topojson.feature(uk, uk.objects.subunits).features) 
.enter().append("path") 
.attr("class", function(d) { return "subunit " + d.id; }) 
.attr("d", path); 

私はindiastates.geojsonと呼ばれるにGeoJSONファイルを持っています。状態は「NAME_1」:「Andaman and Nicobar」のようにラベルが付けられているようです。

コードラインで.data行が何を言いたいのですか?私はtopojson(またはgeojsonにtopjsonをgeojsonに変更した場合、geojson)と言うエラーは未定義です。

これもほぼ同じことをしているのだろうか?

var areas = group.append("path") 
.attr("d", path) 
.attr("class", "area") 
.attr("stroke", "black") 
.style("fill", "rgb(255, 102, 102)"); 
+0

私がここで答えた内容と、以下の説明を読んでください:http://stackoverflow.com/questions/35676105/必要な手助けをしている国の色から残りの残りの部分のデフォルトカラー/ 35677145#35677145 –

答えて

0

はあなたが状態はファイルtopojsonを持っている場合は、米国の「choropleth」マップを作成されて何をしたいのかのような音、それは良い出発点だが、それはCSVに変換する必要があります。残念ながら、私はchoroplethを作成してから2年以上経ちました。私はD3js以外でやっていました。幸いにも、さまざまなチュートリアルがあります。 Googleで「D3の州のためのChoroplethマップ」を検索してください(引用符なし)

関連する問題