nvd3或d3不是默认的json格式

Not default json format for nvd3 or d3

本文关键字：json 格式 默认 d3 nvd3      更新时间：2023-09-26

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

就像如果我给，

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
      }
    }
  ]
}

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

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

这里有一个链接，您可能会发现它有助于参考原始数据并设置x和y以符合NVD3的结构。您还必须指定键，这在答案中没有涉及。否则，Lars可能是对的，你必须重新格式化所有的原始数据。

相关文章：