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 ライブラリを教えてください。できれば、無料で堅牢で使いやすいものが望ましいです (しかし、それが優れていれば、無料でなくても OK です)。

jQuery 対応のライブラリーが望ましいですが、それ以外でも十分であれば何でも構いません。

4

5 に答える 5

4

私は非常に興味深いと思いますJavaScript InfoVis Toolkit（使用していません）が、本当に有望なようです[オープンソース]

于 2011-04-06T00:44:55.843 に答える
1

スタンフォード ビジュアライゼーション グループのProtoVisも別のオプションです。サンプルページの階層セクションの下を参照してください。

于 2011-04-06T01:06:41.357 に答える
1

JavaScript InfoVis Toolkitのツリーマップを使用して、同様のことを行いました。

しかし、JIT のツリ​​ーマップで組み込みのドリルダウンおよびドリルアップ機能を使用する代わりに、一度に 1 レベルのデータをツリーマップに提供し、必要に応じて新しいデータで再描画する方が簡単であることがわかりました。

その手法を使用すると、JIT は高速で、構成も簡単です。

于 2011-04-11T08:38:46.487 に答える
0

JSON/YAML 階層を HTML のツリーとして表示する で前に質問されましたか?

「div」にツリーを表示する回答を参照してください。json プロパティ名に小さな JavaScript を追加して、次の div を表示/非表示にすることができます。

申し訳ありませんが、私はコードの準備ができていません。

于 2011-04-02T21:01:16.603 に答える