画布
下一篇
网格
Loading...
new Graph(options: Options)
| 选项 | 类型 | 必选 | 描述 | 默认值 |
|---|---|---|---|---|
| container | HTMLElement | ✓ | 画布的容器。 | |
| width | number | 画布宽度，默认使用容器宽度。 | - | |
| height | number | 画布高度，默认使用容器高度。 | - | |
| scaling | { min?: number, max?: number } | 画布的最小最大缩放级别。 | { min: 0.01, max: 16 } | |
| autoResize | boolean | Element | Document | 是否监听容器大小改变，并自动更新画布大小。 | false | |
| panning | boolean | PanningManager.Options | 画布是否可以拖拽平移，默认启用。 | true | |
| mousewheel | boolean | MouseWheel.Options | 鼠标滚轮缩放，默认禁用。 | false | |
| grid | boolean | number | GridManager.Options | 网格，默认使用 10px 的网格，但不绘制网格背景。 | false | |
| background | false | BackgroundManager.Options | 背景，默认不绘制背景。 | false | |
| translating | Translating.Options | 限制节点移动、移动节点重叠时自动偏移。 | { restrict: false, autoOffset: true } | |
| embedding | boolean | Embedding.Options | 嵌套节点，默认禁用。 | false | |
| connecting | Connecting.Options | 连线选项。 | { snap: false, ... } | |
| highlighting | Highlighting.Options | 高亮选项。 | {...} | |
| interacting | Interacting.Options | 定制节点和边的交互行为。 | { edgeLabelMovable: false } | |
| magnetThreshold | number | onleave | 鼠标移动多少次后才触发连线，或者设置为 onleave 时表示鼠标移出元素时才触发连线。 | 0 | |
| moveThreshold | number | 触发 mousemove 事件之前，允许鼠标移动的次数。 | 0 | |
| clickThreshold | number | 当鼠标移动次数超过指定的数字时，将不触发鼠标点击事件。 | 0 | |
| preventDefaultContextMenu | boolean | 是否禁用浏览器默认右键菜单。 | true | |
| preventDefaultBlankAction | boolean | 在画布空白位置响应鼠标事件时，是否禁用鼠标默认行为。 | true | |
| async | boolean | 是否异步渲染 | true | |
| virtual | boolean | VirtualOptions | 是否只渲染可视区域内容；当传入对象时可配置缓冲边距 margin 与开关 enabled | false | |
| onPortRendered | (args: OnPortRenderedArgs) => void | 当某个连接桩渲染完成时触发的回调。 | - | |
| onEdgeLabelRendered | (args: OnEdgeLabelRenderedArgs) => void | ((args: OnEdgeLabelRenderedArgs) => void) | 当边的文本标签渲染完成时触发的回调，并且它可以返回一个清理函数，该函数会在标签被销毁时执行。 | - | |
| createCellView | (cell: Cell) => CellView | null | undefined | 是自定义元素的视图。 | - |