从初始化定位节点

Question

我正在尝试使用 CytoscapeJS 从 ajax 调用中呈现 JSON I 格式。我将 JSON 传递给 CY 初始化。话虽如此，我的布局为 'preset'。我似乎无法弄清楚如何让我的节点在我给它们的位置呈现。

我试过使用传递 x 和 y 值的定位。

var cy = cytoscape({
        container: document.getElementById('cy'),
        // initial viewport state:
        zoom: 1.5,
        pan: { x: 0, y: 0 },
        headless: false,
        styleEnabled: true,
        hideEdgesOnViewport: false,
        hideLabelsOnViewport: false,
        textureOnViewport: false,
        motionBlur: false,
        motionBlurOpacity: 0.2,
        wheelSensitivity: .2,
        pixelRatio: 'auto',
        layout: {name: 'preset'},
        //nodes edges and styles
        elements: graphJSON,
        style: styleEdgeNodeColor
    });

图JSON格式如下：

[{"data":{"id":"HMATestPlan_V20190701", "name":"HMATestPlan:0/10" ,"position":{"x":"0", "y":"0"}}},{"data":{"id":"AdminAddMix_V20190701", "name":"AdminAddMix:11/10" ,"position":{"x":"50", "y":"50"}}}]

我喜欢对这些值有初始定位。我哪里错了？

Answer 1

原来我需要在文档就绪和 cy.add([data]) 之后进行初始化。

从初始化定位节点

Positioning nodes from initialization

javascript

initialization

cytoscape.js