如何以不同树状布局的形式显示JSON数据?

时间:2014-04-22 23:46:18

标签: javascript jquery json d3.js tree

嗨大家我已经设法从我的数据库生成JSON数据,以便在我的compnay中显示组织结构。下面是JSON文件格式的快照。请注意,实际的json文件大小约为4 MB,这意味着大量数据并且我已经过验证,它也可以正常工作。我使用了下面的d3框架。

  

http://mbostock.github.io/d3/talk/20111018/tree.html

但是,我还想在不同的布局中向用户显示相同的数据,例如像上面提到的树结构之类的树结构。是否有任何其他框架可用于在树状结构或任何?

中显示我的JSON文件

OrgChart.json

{
   "name":"xyz",
   "children":[
      {
         "name":"first",
         "children":[
            {
               "name":"Level 1",
               "children":[
                  {
                     "name":"Name 1",
                     "amount":3938
                  },
                  {
                     "name":"Name 2",
                     "amount":3812
                  }
               ]
            }
         ]
      },

    {
         "name":"second",
         "children":[
            {
               "name":"Level 2",
               "children":[
                  {
                     "name":"Name 1",
                     "amount":3938
                  },
                  {
                     "name":"Name 2",
                     "amount":3812
                  }
               ]
            }
         ]
      }
   ]
}

1 个答案:

答案 0 :(得分:0)

我特别喜欢d3 js来显示数据驱动的文档。有关详细信息:http://d3js.org/