地图没有在3d.js中渲染

Posted 2021-03-30

我有一个关于数据可视化的项目，但是我遇到了问题。我需要使用d3.js渲染一个国家（巴西）的地图。当我将鼠标移动到状态时，它应该显示具有人均收入的州的首字母缩写词。此外，根据人均收入，每个州必须采用颜色色调（在我选择绿色的情况下）。我发送我的代码是因为我没有让我的地图呈现正确的颜色，也没有显示首字母缩略词和收入。如果有人可以帮忙，我很感激。

这里的a link of the code

答案

我看到构建每个国家/地区路径的代码存在一些问题 - 尝试更新此部分：

svg.append("g")
  .selectAll("path")
    .data(topojson.feature(br, br.objects.states).features)
    .enter().append("path")
      .attr("class", "states")
      .attr("fill", function(d) { return color(valueByÚF.get(d.UF)); })
      .attr("d", path)
    .append("title")
      .text(function(d) { return "UF: "+ d.UF; });

老实说，我没有检查量化比例是否适合您的数据，所以你可能想尝试其他量表...