sameeraroshan / visjs

visjs vaadin addon
Apache License 2.0
10 stars 13 forks source link

Hierarchical Layout #16

Open AlyMostafaSaleh opened 9 years ago

AlyMostafaSaleh commented 9 years ago

I tried using HierarchicalLayout, but it is not working correctly, I am using this code then defining some nodes and edges, and what I get finally is something like a linked list. Node -> Node - > Node -> Node Moreover, when I use Direction.UD it draws the tree from left to right, and when I use LR, it draws the tree Up down

Options options = new Options(); HierarchicalLayout hl = new HierarchicalLayout(); hl.setDirection(Direction.LR); options.setHierarchicalLayout(hl); NetworkDiagram networkDiagram = new NetworkDiagram(options);

tewaris commented 8 years ago

Here is my code for Hierarchical layout, but the layout is coming out flat. I am using version 2.0.0.3.

Options options     = new Options();

        final Layout layout = new Layout();

        layout.setHierarchical(layout.new Hierarchical());

        options.setLayout(layout);

        // crete nodes
        Node node1 = new Node(1, "Node 1");
        Node node2 = new Node(2, "Node 2");
        Node node3 = new Node(3, "Node 3");
        Node node4 = new Node(4, "Node 4");
        Node node5 = new Node(5, "Node 5");
        Node node6 = new Node(6, "Node 6");

        // create edges
        Edge edge1 = new Edge(node1.getId(), node2.getId());
        Edge edge2 = new Edge(node1.getId(), node3.getId());
        Edge edge3 = new Edge(node2.getId(), node5.getId());
        Edge edge4 = new Edge(node2.getId(), node4.getId());

        NetworkDiagram networkDiagram = new NetworkDiagram(options);

        networkDiagram.addNode(node1);
        networkDiagram.addNode(node2, node3, node4, node5, node6);
        networkDiagram.addEdge(edge1, edge2, edge3, edge4);

        return networkDiagram;

hlayout-not-working