SpreadJs 旭日图 Json tree 转为二维数组

最新推荐文章于 2025-02-14 14:29:23 发布

原创

最新推荐文章于 2025-02-14 14:29:23 发布 · 319 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#数据转换 #Json #js #深度优先算法

本文介绍了如何将Json数据的树结构通过深度优先搜索算法转化为适合旭日图展示的二维数组。主要涉及文件包括index.js和index.html，其中index.js中实现了从Json到二维数组的转换逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Spread 旭日图 tree数据转换

Json数据
index.js
index.html

Json数据

file: json/data.json

{
   
   
  "type": 1,
  "data": {
   
   
    "head": [
      "Region",
      "Subregion",
      "country",
      "Population"
    ],
    "treeData": [
      {
   
   
        "name": "Asia",
        "id": 1,
        "parentId": 0,
        "data": 0,
        "children": [
          {
   
   
            "name": "Southern",
            "paentId": 0,
            "nodeData": 0,
            "children": [
              {
   
   
                "name": "India",
                "paentId": 0,
                "nodeData": 1354051854,
                "children": []
              },
              {
   
   
                "name": "Pakistan",
                "parentId": 0,
                "nodeData": 200813818,
                "children": []
              },
              {
   
   
                "name": "Bangladesh",
                "paentId": 0,
                "nodeData": 166368149,
                "children": []
              },
              {
   
   
                "name": "Others",
                "paentId": 0,
                "nodeData": 170220300,
                "children": []
              }
            ]
          },
          {
   
   
            "name": "Eastern",
            "paentId": 0,
            "nodeData": 0,
            "children": [
              {
   
   
                "name": "China",
                "paentId": 0,