test/g6
1
0
Fork 0
mirror of https://gitee.com/antv/g6.git synced 2024-12-03 12:18:40 +08:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

refactor: adjust force params demo

Browse Source
This commit is contained in:
Chushen 2023-11-13 16:40:13 +08:00
parent 86df0d2a34
commit d3722e94da
1 changed files with 1 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
packages/site/examples/net/forceDirected/demo/forceDirectedFunctionalParams.js
View File

@ -20,7 +20,7 @@ const graph = new G6.Graph({
}, },
}, },
modes: { modes: {
default: ['zoom-canvas', 'drag-canvas', 'click-select'], default: ['zoom-canvas', 'drag-canvas', 'click-select', 'drag-node'],
}, },
data: { data: {
nodes: [ nodes: [
@ -63,31 +63,9 @@ const graph = new G6.Graph({
}, },
}); });
graph.on('node:dragstart', function (e) {
graph.stopLayout();
});
graph.on('node:drag', function (e) {
refreshDragedNodePosition(e);
});
graph.on('node:dragend', (e) => {
graph.layout();
});
if (typeof window !== 'undefined') if (typeof window !== 'undefined')
window.onresize = () => { window.onresize = () => {
if (!graph || graph.destroyed) return; if (!graph || graph.destroyed) return;
if (!container || !container.scrollWidth || !container.scrollHeight) return; if (!container || !container.scrollWidth || !container.scrollHeight) return;
graph.setSize([container.scrollWidth, container.scrollHeight]); graph.setSize([container.scrollWidth, container.scrollHeight]);
}; };
function refreshDragedNodePosition(e) {
graph.updateData('node', {
id: e.itemId,
data: {
fx: e.canvas.x,
fy: e.canvas.y,
x: e.canvas.x,
y: e.canvas.y,
},
});
}