base antd G6 graph,customize node and edge.
使用组件LineageGraph
<LineageGraph :lineage-data="bloodMap" highlight-color="#063970" textWaterMarker="数据血缘" />
first use component 'LineageGraph',like is
<LineageGraph :lineage-data="bloodMap" highlight-color="#063970" textWaterMarker="数据血缘" />
params | explanation |
---|---|
lineage-data | 渲染的数据(结构再data.json) |
highlight-color | 连线的颜色 |
textWaterMarker | 水印内容 |
params | explanation |
---|---|
lineage-data | render blood data (example to data.json) |
highlight-color | edge line color |
textWaterMarker | watermake concent |