javascript - d3 包布局中的 Json 格式问题

Question

我是 d3 的新手。我有 3 天的 d3 知识。我试图制作一个包布局，但我无法根据外部 json 文件中的数据调用 translate(of transform) 函数。我的 json 文件未格式化为名称、子顺序(大多数示例已使用)。那么，任何人都可以澄清我们是否必须以正确的格式(如树结构)获得 json 文件以获得正确的包或树布局。我的 json 文件格式是:

 {
   "sourcefile":"Script",
   "structure":{
      "Links":[
         [
            "step1",
            "port1",
            "step2",
            "port2"
         ],
         [
            "step3",
            "port3",
            "step4",
            "port4"
         ]
      ],
      "device":{
         "step1":{
            "args":{
               "pin":[
                  "XXXX",
                  100
               ]
            },
            "device_type":"console"
         },
         "lock":{
            "args":{
               "username":[
                  "XXXX",
                  "test"
               ],
               "address":[
                  "XXXX",
                  "10.0.0.1"
               ]
            },
            "device_type":"Light"
         }
      }
   }
}

这是真的..我想知道是否有人可以告诉我一些在线工具可以将这个 json 文件格式化为以下格式..

        {
           "name": "Names",
           "children":
               [
                   { "name": "John", "size": 100 }
               ]
        }

Answer 1

您的直觉是正确的。包布局需要格式为 hierachy 的输入数据.似乎不太可能存在将一般 JSON 数据转换为这种结构的在线工具，因为这样的工具几乎必须为每个特定数据集定制。但是，d3 本身具有实用函数来帮助您创建所需的结构。我指的是 Nest实用程序。查看您的输入数据，如何在层次结构中构建它并不明显，因此我无法提供任何具体的实现建议。不过，一般来说，我建议将您的数据转换为一个简单的对象数组，然后使用 d3.nest 实用程序从数据中提取层次结构。