json ファイルからデータを取得するコロプレス マップを設定し、マップ内の各自治体に応じて色をレンダリングします。
マップをリロードすることなく、別の JSON ファイルから新しいデータ セットに切り替える JavaScript 関数を記述しようとして、私は立ち往生しています。
サンプル コードは 1 つの JSON ファイルに対してのみ機能しますが、別の JSON ファイルに別のデータ セットがあり、同じ "ID" に対して異なる値が設定されているため、ラジオ ボタンまたはオンクリックで JSON ファイルをユーザーに切り替えてもらいたいと考えています。
d3.json("indicator1.json", function(data) {
var pad = d3.format(""),
quantize = d3.scale.quantile().domain([0, 15]).range(d3.range(9));
d3.json("new_map.json", function(json) {
municipalities.selectAll("path", "id", "name")
.data(json.features)
.enter().append("svg:path")
.attr("class", function(d) { return "q" + quantize(data[pad(d.id)]) + "-9"; })
.attr("d", path)
.append("svg:title")
.text(function(d) { return d.properties.name + ": " + data[pad(d.id)] + "%"; });
});
});