Question

我已经设置了一个等值区域图来从json文件中检索数据，并让地图中的每个城市相应地渲染其颜色。

我现在不想尝试编写一个javascript函数，从单独的JSON文件切换到一组新数据，而无需重新加载地图。

示例代码仅适用于一个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)] + "%"; });
});
});

Answer 1

我认为你可能最好将两个数据集合并到一个json中，并使用button / click事件在json对象的属性之间切换......

d3 choropleth map javascript switching json data

1 个答案: