d3.js时间序列图上的标签

Question

我一直在研究d3.js时间序列折线图。

我正在使用d3.nest ，然后遍历嵌套组以创建每一行。

完整的代码在这里

我想做的是让每行的标签（国家/地区名称）显示在y轴上最后一个观测值的位置（由credit ）。 要找到这个位置，我使用：

dataNest.forEach(function(d) {
    var position = d.values[6].credit;
    console.log("Selected Value", position);

然后.attr("y", y(position))当我附加文本时.attr("y", y(position))将position传递到.attr("y", y(position)) 。

我遇到的问题是，从d.values[6].credit返回的位置在控制台中登录时是正确的。 但是我得到了

Uncaught TypeError: Cannot read property 'credit' of undefined

错误。 这导致未绘制轴。

（最终，我希望标签出现在mouseover ，但这是另一天的事情）。

Answer 1

斯洛伐克共和国只有2个数据点：

Slovak Republic,SK,Jan 2007,100
Slovak Republic,SK,Jan 2008,105.2

代替硬编码6，只需使用：

var position = d.values[d.values.length-1].credit;

这里的例子。