0

我有一个带有统计信息的 JSON 数据树：

{
  prefix: "a",
  count: 20,
  children: [
    {
      prefix: "a:b",
      count: 15,
      children: [
        { prefix: "a:b:c", count: 5 },
        {
          prefix: "a:b:d",
          count: 10
          children: [
            { prefix: "a:b:d:e", count = 7 },
            { prefix: "a:b:d:f", count = 3 }
          ]
        }
      ]
    },
    { prefix: "a:c", count: 5 }
  ]
}

叶子的总数很大（但我认为我会在服务器上预先截断它们，所以这应该不是问题）。

我可以根据需要更改输出格式。

我需要制作一个 web-UI 来可视化这棵树并能够深入到某些节点，让用户直观地分析哪些前缀具有最大的权重（即计数）。

我认为树形图控件应该在这里工作，但我愿意接受其他建议。

请告知，我可以重用哪个免费的 JavaScript 库。最好是免费的、强大的和易于使用的东西（但如果它非常好，则非免费的也可以）。

jQuery 感知库是更可取的，但如果它足够好，其他任何东西都可以接受。

4

5 回答 5

4

我觉得JavaScript InfoVis Toolkit很有趣（没用过），但看起来很有前途[开源]

于 2011-04-06T00:44:55.843 回答
1

斯坦福可视化小组的ProtoVis是您的另一个选择。请参阅示例页面中的层次结构部分。

于 2011-04-06T01:06:41.357 回答
1

如果返回的层次结构不是太深，那么常规树会起作用吗？http://www.jstree.com/

于 2011-04-09T08:00:49.977 回答
1

我已经使用JavaScript InfoVis Toolkit中的树形图来做类似的事情。

但是，与使用 JIT 中树形图中的内置向下和向上钻取功能不同，我发现一次向树形图提供单级数据更容易，然后在必要时用新数据重新绘制它。

使用该技术 JIT 快速且易于配置。

于 2011-04-11T08:38:46.487 回答
0

之前在将 JSON/YAML 层次结构显示为 HTML 中的树时问过？

查看在“divs”中显示树的答案。可以在 json 属性名称中添加一些 javascript，以显示/隐藏下一个 div。

抱歉，我没有准备好代码，如果问得好，也许我会准备好:)

于 2011-04-02T21:01:16.603 回答