D3 - 如何处理来自 API 的空值或空值？答案

【问题标题】：D3 - How can I handle null or empty values from an API?D3 - 如何处理来自 API 的空值或空值？
【发布时间】：2021-01-14 20:45:30
【问题描述】：

我有一个堆栈条形图，它从使用这种 JSON 格式的 API 加载数据

    {
  value: data.source["1"]
},
{
  value: data.source["2"]
},
{
  value: data.source["3"]
},
{
  value: data.source["4"]
},
{
  value: data.source["5"]
},
{
  value: data.source["6"]
}

不幸的是，有时 API 回调如下所示：

{
  value: data.source["1"]
},
{
  value: data.source["3"]
},
{
  value: data.source["5"]
}

这会留下一些未定义的条目并破坏我的视野。

我如何处理键值对中的空值，以使我的 vis 不会因未定义而产生影响？如果我可以将空值读取为 0，那就太好了。

任何帮助将不胜感激。

【问题讨论】：

标签： javascript arrays d3.js

【解决方案1】：

在从 JSON 获取数据的回调的前端，您应该将所有内容包装在 (value: data.source["1"] || [])

类似这样的：

const data = jsonResponse.value.etc... || []

如果是假的，用空数组替换它

【讨论】：