d3.json 无法解析“无限”值

Question

我正在尝试读取 sqlite db 数据并将其作为 json 数据提供给 d3 以构建图表。我可以很容易地以 json 格式读取这些数据，例如这个 URL

http://localhost:8085/SQLQuery/?date1=2019-03-01%2000:00:00&date2=2019-03-31%2023:59:59&radio=0013a200410a4bc1

返回此数据：

[
   ["2019-03-13 08:59:42.445199", 20.0, -93150.3125, -1128635.625],
   ["2019-03-13 09:00:18.670074", 21.0, -116238.2734375, -Infinity],
   ["2019-03-13 09:00:54.897829", 21.0, -111895.09375, -1916368.5],
   ["2019-03-13 09:01:31.063545", 21.0, -116290.6484375, -1332886.0],
   ["2019-03-13 09:02:07.244134", 21.0, -99264.3828125, -Infinity],
   ["2019-03-13 09:02:43.424961", 21.0, -109359.6953125, -1090349.25],
   ["2019-03-13 09:03:19.621574", 21.0, -114976.4375, -3437984.0],
   ["2019-03-13 09:03:55.800267", 21.0, -97664.5078125, -1667308.5],
   ["2019-03-13 09:04:31.995798", 21.0, -102451.046875, -Infinity],
   ["2019-03-13 09:05:08.172229", 21.0, -109326.34375, -3360548.75],
   ["2019-03-13 09:05:44.367397", 21.0, -110630.9140625, -732758.8125],
   ["2019-03-13 09:06:20.576101", 21.0, -110025.140625, -926976.3125],
   ["2019-03-13 09:06:56.771144", 21.0, -116129.8984375, -Infinity]
]

现在当使用 d3.json 函数读取相同的数据时，我遇到了“无限”值的问题：

jsondata = d3.json("http://localhost:8085/SQLQuery/?date1=" + date1 + "&date2=" + date2 + "&radio=" + wradio);

给出错误：

SyntaxError：JSON.parse：JSON 数据的第 1 行第 122 列出现意外的非数字

第 122 列对应于 json 数据中的第一个“Infinity”值。

是否有任何选项允许解析“无限”值？我是否需要确保这些值永远不会到达数据库并转换为有效数字？

Answer 1

根据this answer（不过，您的问题不是重复的），您最好的选择是生成正确的 JSON，您可以将其传递给 d3.json。

但是，如果这不是一个选项，您可以使用d3.text 来获取无效的 JSON，如下所示（假设您使用的是 D3 v5）：

d3.text("data.json").then(function(textData){
    //...
};

然后，在d3.text（或v5 中的then 方法）中，您可以在使用JSON.parse() 之前将-Infinity 替换为相应的字符串：

textData = textData.replace(/-Infinity/g, '"-Infinity"');
const data = JSON.parse(textData);

此外，按照相同链接答案中的建议，您可以恢复原始-Infinity，使用JSON.parse() 中的reviver 函数替换字符串：

textData = textData.replace(/-Infinity/g, '"-Infinity"');
const data = JSON.parse(textData, function(key, value){
    return value === "-Infinity" ? -Infinity : value;
});

因为我不能在堆栈 sn-p 中使用真正的 JSON，所以这里有一个块构建器，使用像你这样的 JSON：

[
    ["2019-03-13 08:59:42.445199", 20.0, -93150.3125, -1128635.625],
    ["2019-03-13 09:00:18.670074", 21.0, -116238.2734375, -Infinity],
    ["2019-03-13 09:00:54.897829", 21.0, -111895.09375, -1916368.5]
]

看看控制台：https://blockbuilder.org/GerardoFurtado/e853f11e0604a929f82fcd62a33f925e