fix: 添加力导向布局

2022-04-06 11:17:34 +08:00
parent 2cdc35ff30
commit 1f9ddfc672
7 changed files with 168 additions and 13 deletions
@@ -0,0 +1,71 @@
+
+
+
+SV.registerLayout('Force', {
+    defineOptions() {
+        return {
+            node: {
+                default: {
+                    type: 'force-node',
+                    label: '[data]',
+                    size: 20,
+                    labelOptions: {
+                        style: { fontSize: 20 }
+                    },
+                    style: {
+                        stroke: 'red',
+                        fill: 'red'
+                    }
+                }
+            },
+            link: {
+                next: { 
+                    type: 'line',
+                    sourceAnchor: 0,
+                    targetAnchor: 0,
+                    style: {
+                        stroke: '#333',
+                        lineAppendWidth: 6,
+                        cursor: 'pointer',
+                        // endArrow: 'default',
+                        startArrow: {
+                            path: G6.Arrow.circle(2, -1), 
+                            fill: '#333'
+                        }
+                    }
+                }
+            },
+            marker: {
+                headExternal: {
+                    type: 'pointer',
+                    anchor: 3,
+                    style: {
+                        fill: '#f08a5d'
+                    }
+                },
+                external: {
+                    type: 'pointer',
+                    anchor: 0,
+                    style: {
+                        fill: '#f08a5d'
+                    }
+                }
+            },
+            indexLabel: {
+                index: { position: 'bottom' },
+                indexRight: { position: 'right' }
+            },
+            behavior: {
+                dragNode: true
+            }
+        };
+    },
+
+    layout(e) {
+        console.log("here is the layout of Force")
+        // e.forEach((item, index) => {
+        //     console.log(item.getBound());
+        // })
+    }
+});
+