# antv x6 demo

**Repository Path**: fafi09/cx-flow-x6

## Basic Information

- **Project Name**: antv x6 demo
- **Description**: vue3+ts+x6
antv x6 demo
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 48
- **Created**: 2022-07-07
- **Last Updated**: 2023-12-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

![输入图片说明](src/assets/1648021634(1).png)
![输入图片说明](src/assets/image.png)
![输入图片说明](src/assets/1648021773(1).png)

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

## 学习笔记
### graph
#### 图重绘
- 声明图片路径
```
    const bkgraph = reactive({bkgraphpath:'hrz.png'})
```
- graph.updateBackground不起作用
- graph.drawBackground({ image: require(`./../../assets/${bkgraph.bkgraphpath}`) })

#### 图片格式
- png图片在对象体里存储为路径、
- jpg图片在对象体里存储为base64

#### 解决动态数据展示问题
- 采用rect node展示动态数据
#### 解决管线问题