# jsplumb-dataLineage-vue

**Repository Path**: lhhtb/jsplumb-dataLineage-vue

## Basic Information

- **Project Name**: jsplumb-dataLineage-vue
- **Description**: 数据血缘前段
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2022-03-20
- **Last Updated**: 2023-07-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# jsplumb-dataLineage-vue
基于Vue(Vue2)和jsPlumb的、模仿sqlFlow前端的数据血缘前端展示页面
### 效果图

![图片](https://github.com/mizuhokaga/jsplumb-dataLineage-vue/blob/main/src/assets/sample.png)



### 安装依赖

```
npm install
```
### 本地运行
```
npm run serve
```
### 现支持的功能：

1. 根据json渲染血缘图，节点可自由拖动；移动到连线上==高亮==相关**列和线**
2. 画布支持缩放 （滚轮缩放，快捷键+，-缩放）
3. 画布的整体平移
4. 下载JSON
5. 生成血缘图
### 其他
- 功能详情参考文章: https://blog.csdn.net/qq_44831907/article/details/122923483
- js版本在这里: https://github.com/mizuhokaga-dataLineage/jsplumb-dataLineage