2

検索可能なツリーの基礎として、Mike Bostock のツリー レイアウトを使用しています。ツリー内で見つかった場合、ユーザーが検索ボックスに名前を入力し、ツリーがそのノードを名前付きノードに開くことができるかどうか疑問に思っています。

`{
  "name": "flare",
  "children": [
     {
      "name": "analytics",
      "children": [
         {
          "name": "cluster",
          "children": [
             {"name": "AgglomerativeCluster", "size": 3938},
             {"name": "CommunityStructure", "size": 3812},
             {"name": "HierarchicalCluster", "size": 6714},
             {"name": "MergeEdge", "size": 743}
           ]
         },
         {
          "name": "graph",
          "children": [
             {"name": "BetweennessCentrality", "size": 3534},
             {"name": "LinkDistance", "size": 5731},
             {"name": "MaxFlowMinCut", "size": 7840},
             {"name": "ShortestPaths", "size": 5914},
             {"name": "SpanningTree", "size": 3416}
           ]
         },
         {
          "name": "optimization",
          "children": [
             {"name": "AspectRatioBanker", "size": 7074}
             ]
         }
     ]
}, ...etc`

たとえば、ノードはすべて閉じられ、ルート ノード「flare」のみが画面に表示され、ユーザーは「analytics」の下にある「cluster」の下のリーフ ノードとして見つかった「MergeEdge」を検索します。ツリーは、"MergeEdge" が見つかった場所であるため、"cluster" の子を表示するために必要なノードのみを開きます。私は jsonpath.js を試しましたが、それほど遠くはありませんでした。この質問への答えは返されましたが、ノードが開いているときにのみ、検索しているものを表示しています。

一度にすべてを表示するにはノードが多すぎる可能性があるさまざまなjsonファイルを使用したいと考えています。

4

1 に答える 1