【问题标题】:How to display JSON data in form of different tree-like layouts?如何以不同的树状布局形式显示 JSON 数据?
【发布时间】:2014-04-22 23:46:18
【问题描述】:

大家好,我已经设法从我的数据库中生成 JSON 数据,以便在我的公司中显示组织结构。下面是 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
                  }
               ]
            }
         ]
      }
   ]
}

【问题讨论】:

标签: javascript jquery json d3.js tree


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-10-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-01-23
    • 1970-01-01
    • 2017-12-11
    相关资源
    最近更新 更多