Javascript d3多系列图表的值不正确

我正在尝试在中实现d3多系列折线图示例

但我在使用自己的数据时遇到了一个问题，因为行似乎与JSON数据中的图例/值不匹配。例如，在10:00，“高”线应测量y轴上的3512“威胁”

city.append("path")
  .attr("class", "line")
  .attr("d", function(d) { return line(d.values); }) // Problem here?
  .style("stroke", function(d) { return color(d.name); });

请看这把js小提琴：-

---

非常感谢。

您之所以看到这种行为，是因为您在直线上使用的是基面，它平滑了峰值（即直线不保证通过每个点）

如果您更改为：

var line = d3.svg.line()
    .interpolate("linear")

---

您应该看到正确的值。或者，要获得显示正确精确y值的平滑ish线，可以使用

单调

。要尝试插值，请看：

啊，太好了。非常感谢你。我显然有很多东西要读！干杯