Triangle 三角形
阅读时间约 2 分钟
三角形是一个三边几何形状，具有明确的方向性。
适用场景：
用于表示方向性节点、警告或提示。
适合表示流程图中的方向指示或层级关系。
常用于流程图、网络图、拓扑图等。
createGraph({autoFit: 'center',data: { nodes: [{ id: 'node1', style: { size: 40, fill: '#7e3feb' } }] },node: { type: 'triangle' },plugins: [{ type: 'grid-line', size: 30 }],},{ width: 600, height: 220 },(gui, graph) => {gui.add({ type: 'triangle' }, 'type').disable();const options = {size: 40,direction: 'up',};const optionFolder = gui.addFolder('triangle.style');optionFolder.add(options, 'size', 0, 100, 1);optionFolder.add(options, 'direction', ['up', 'left', 'right', 'down']);optionFolder.onChange(({ property, value }) => {graph.updateNodeData([{ id: 'node1', style: { [property]: value } }]);graph.render();});},);
设置 node.type 为 triangle 以使用三角形节点。
如果元素有其特定的属性，我们将在下面列出。对于所有的通用样式属性，见BaseNode
| 属性 | 描述 | 类型 | 默认值 | 必选 |
|---|---|---|---|---|
| direction | 三角形的方向 | up | left | right | down | up |