d3.json无法解析“ Infinity”值

时间:2019-03-13 09:16:41

标签: javascript json d3.js

我正在尝试读取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

返回此数据:

[[NSData alloc] initWithBase64EncodeString:notWorkingInput options:NSDataBase64DecodingIgnoreUnknownCharacters];

现在,当使用d3.json函数读取相同的数据时,我遇到了'Infinity'值的问题:

[
   ["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]
]

给出错误:

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

  

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

是否有任何选项可以解析“ Infinity”值?我是否需要确保这些值永远不会到达数据库并转换为有效数字?

1 个答案:

答案 0 :(得分:1)

根据this answer(尽管您的问题不是重复的),您最好的选择是生成正确的JSON,您可以将其传递给d3.json

但是,如果不是这样,则可以使用d3.text来获取无效的JSON,如下所示(假设您使用的是D3 v5):

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

然后,在d3.text(或v5中的then方法)内部,可以在使用-Infinity之前将JSON.parse()替换为相应的字符串:

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;
});

由于我无法在堆栈代码段中使用真实的JSON,因此这是一个使用类似于您的JSON的blockbuilder:

[
    ["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