d3.js - d3js 错误栏中的 NaN 错误

Question

这是我的代码的重要部分。由于某些原因，“errorBars2”存在问题。它总是返回这个错误：

Invalid value for <path> attribute d="M40.5,NaNL40.5,NaNZ"

我现在花了几个小时寻找错误，但我找不到它！有人可以解释一下“errorBars2”有什么问题吗？

Answer 1

告诉我这是否有效。

var errorBarArea2 = d3.svg.area()
    .x(function (d) {
        return x3(d.name) +x3.rangeBand()/2;
    })
    .y0(function (d) {
        return y2(d.top_after + +d.moe3);
    })
    .y1(function (d) {
        return y2(d.low_after - +d.moe4);
    })  

Answer 2

在你写的errorBarArea2中

.y0(function (d) {
        return y0(+d.top_after + +d.moe3);
    })

但在 JSON 结构中它不可用将其更改为+d.moe3_after

你写了

.y1(function (d) {
return y0(+d.low_after - +d.moe4);
})

但在 JSON 结构中它不可用将其更改为+d.moe4_after

所以最终的代码是

var errorBarArea2 = d3.svg.area()
    .x(function (d) {
        return x3(d.name) +x3.rangeBand()/2;
    })
    .y0(function (d) {
        return y0(+d.top_after + +d.moe3_after);
    })
    .y1(function (d) {
        return y0(+d.low_after - +d.moe4_after);
    })