Javascript 从初始化定位节点
我试图使用CytoscapeJS从ajax调用中呈现JSON I格式。我将JSON传递给CY初始化。也就是说,我将布局设置为“预设”。我似乎不知道如何让我的节点在我给定的位置进行渲染 我尝试过使用传递x和y值的定位Javascript 从初始化定位节点,javascript,initialization,cytoscape.js,Javascript,Initialization,Cytoscape.js,我试图使用CytoscapeJS从ajax调用中呈现JSON I格式。我将JSON传递给CY初始化。也就是说,我将布局设置为“预设”。我似乎不知道如何让我的节点在我给定的位置进行渲染 我尝试过使用传递x和y值的定位 var cy = cytoscape({ container: document.getElementById('cy'), // initial viewport state: zoom: 1.5, pan: { x:
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"}}}]
我希望对这些值有一个初始位置。哪里出了问题?我需要在document ready和cy.add([data])之后进行初始化。Cytoscape还有函数cy.ready(函数(){…})。这可能也有用。