Javascript D3 Choropeth贴图的工具提示问题

我无法在地图的工具提示中显示数据，以下代码返回“未定义”。但是，我可以在控制台中看到我的费率

我做错了什么

queue()
    .defer(d3.json, "data/provincesCanada.json")
    .defer(d3.csv, "data/data.csv", function(d) { rateById.set(d.id, +d.rate);
    console.log(d.rate) })
    .await(ready);

var tip = d3.tip()
  .attr('class', 'd3-tip')
  .offset([-10, 0])
  .html(function(d) {
    return "<strong>Province</strong> : " + d.rate";
  })
  svg.call(tip);

queue（）
.defer（d3.json，“data/provincesCanada.json”）
.defer（d3.csv，“data/data.csv”，函数（d）{rateById.set（d.id，+d.rate）；
console.log（d.rate）}）
.等待（准备好）；
var tip=d3.tip（）
.attr（'class'，'d3 tip'）
.偏移量（[-10,0]）
.html（函数（d）{
返回“省”：“+d.rate”；
})
svg.call（tip）；

完整代码如下：

---

提前感谢。

您面临的问题是工具提示附加到省数据，而不是附加到费率csv文件的数据

因此，

.html

函数中的变量

d

不包含您期望的内容。以下操作应该有效：

.html(function(d) {
  return "<strong>Province</strong> : " + rateById.get(d.id);
})

.html（函数（d）{
返回“省：”+rateById.get（d.id）；
})

---

您可以从中看到它的作用。

您能分享一个更完整的代码版本吗？比如JSFIDLE或类似的东西……当然！完整的要点如下：太好了，它就像一个符咒！我需要更好地理解rateById。非常感谢。