不是 nvd3 或 d3 的默认 json 格式答案

【问题标题】：Not default json format for nvd3 or d3不是 nvd3 或 d3 的默认 json 格式
【发布时间】：2014-08-25 17:02:52
【问题描述】：

我正在尝试了解是否有任何方法可以在 nvd3 或 d3 中使用其他 json 格式的图表。

如果我给，

var modulechart_data = [
      {
        key : "Passed",
        values :[
          { x : "Module A", y : 2},
          { x : "Module B", y : 12},
          { x : "Module C", y : 14},
          { x : "Module D", y : 2}
        ]
      },
      {
        key : "Failed",
        values :[
          { x : "Module A", y : 6},
          { x : "Module B", y : 3},
          { x : "Module C", y : 4},
          { x : "Module D", y : 2}
        ]
      }
   ];

它可以正常工作。

现在我真正的json数据是这样来的，

var module_data = {
  "ModuleExecutionStatus": [
    {
      "ModuleName": "Module A",
      "ExecutionData": {
        "Passed": 1,
        "Failed": 3
      }
    },
    {
      "ModuleName": "Module B",
      "ExecutionData": {
        "Passed": 3,
        "Failed": 1
      }
    }
  ]
}

我正在创建 nvd3 的 multiBarHorizontalChart。但是对于真正的 json 数据，我无法部署它。

我想弄清楚，我是否必须将整个原始 json 数据更改为默认 json 格式？或者如何将这个 json 数据映射到图表？

【问题讨论】：

对于 NVD3，您必须重新格式化 JSON，使其符合 NVD3 期望的结构。

标签： javascript json d3.js nvd3.js

【解决方案1】：

这里是a link，您可能会发现它有助于参考您的原始数据并设置 x 和 y 以符合 NVD3 的结构。您还必须指定密钥，该答案未涵盖该密钥。否则，Lars 可能就在您必须重新格式化所有原始数据的地方。

【讨论】：