Javascript D3地图数据标签未正确显示

我试图显示一个映射，当将鼠标悬停在它上面时，它会显示状态名称以及由我的数据对象指定的绑定到状态的数据

代码笔：

我的问题是让数据正确地显示在状态名称文本之后——我只是得到一个未定义的变量。数据根本没有显示什么。我不知道如何正确地获取这些数据，因为我认为这种方法是可行的。下面是它调用数据的方式：

... AT LINE 353 of CODEPEN LINK
.on("mousemove", function(d) {
        var html = "";

        html += "<div class=\"tooltip_kv\">";
        html += "<span class=\"tooltip_key\">";
        html += id_name_map[d.id];
        html += "</span>";
        html += "<span class=\"tooltip_value\">";
        html += valueById.get(d.id);
        html += "";
        html += "</span>";
        html += "</div>";

        $("#tooltip-container").html(html);
        $(this).attr("fill-opacity", "0.8");
        $("#tooltip-container").show(); ...

。。。在代码笔链接的第353行
.on（“mousemove”，函数（d）{
var html=“”；
html+=“”；
html+=“”；
html+=id_name_map[d.id]；
html+=“”；
html+=“”；
html+=valueById.get（d.id）；
html+=“”；
html+=“”；
html+=“”；
$（“#工具提示容器”）.html（html）；
$（此）.attr（“填充不透明度”，“0.8”）；
$（“#工具提示容器”）.show（）。。。

我不明白为什么它显示未定义。任何帮助都将不胜感激

---

谢谢。

您没有正确访问数据的属性

data.forEach(function(d) {
  // d doesn't have the properties MAP_STATE and MAP_VALUE
  var id = name_id_map[d[MAP_STATE]];  // change to d[0][0]
  valueById.set(id, +d[MAP_VALUE]);  // change to d[1][1]
});

---

同时改变量化方法。这将解决您的问题。

您没有正确访问数据的属性

data.forEach(function(d) {
  // d doesn't have the properties MAP_STATE and MAP_VALUE
  var id = name_id_map[d[MAP_STATE]];  // change to d[0][0]
  valueById.set(id, +d[MAP_VALUE]);  // change to d[1][1]
});

同时改变量化方法。这应该可以解决你的问题