test/g6
1
0
Fork 0
mirror of https://gitee.com/antv/g6.git synced 2024-12-02 03:38:20 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

docs: fix site docs (#5856)

Browse Source 
* docs: fix cover image

* docs: correct custom edge example
This commit is contained in:
Aaron 2024-06-12 16:55:46 +08:00 committed by GitHub
parent 33a56144db
commit 343941bf2f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 30 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/site/docs/manual/custom-extension/element.en.md
View File

@ -235,16 +235,19 @@ import type { BaseNodeStyleProps } from '@antv/g6';
class ExtendBaseEdge extends BaseEdge {
// Override the getKeyStyle method
protected getKeyStyle(attributes: Required<BaseNodeStyleProps>) {
const { sourceNode, targetNode } = attributes;
return { ...super.getKeyStyle(attributes), lineWidth: 2, stroke: '#000' };
}
// Implement the getKeyPath method
protected getKeyPath(attributes) {
const { sourceNode, targetNode } = this;
const [x1, y1] = sourceNode.getPosition();
const [x2, y2] = targetNode.getPosition();
return { ...super.getKeyStyle(attributes), x1, y1, x2, y2 };
}
// Override the drawKeyShape method
protected drawKeyShape(attributes: Required<BaseNodeStyleProps>, container: Group) {
return this.upsert('key', Line, this.getKeyStyle(attributes), container);
return [
['M', x1, y1],
['L', x2, y2],
];
}
}
```

17
packages/site/docs/manual/custom-extension/element.zh.md
View File

@ -235,16 +235,19 @@ import type { BaseNodeStyleProps } from '@antv/g6';
class ExtendBaseEdge extends BaseEdge {
// 重写 getKeyStyle 方法
protected getKeyStyle(attributes: Required<BaseNodeStyleProps>) {
const { sourceNode, targetNode } = attributes;
return { ...super.getKeyStyle(attributes), lineWidth: 2, stroke: '#000' };
}
// 实现 getKeyPath 方法
protected getKeyPath(attributes) {
const { sourceNode, targetNode } = this;
const [x1, y1] = sourceNode.getPosition();
const [x2, y2] = targetNode.getPosition();
return { ...super.getKeyStyle(attributes), x1, y1, x2, y2 };
}
// 重写 drawKeyShape 方法
protected drawKeyShape(attributes: Required<BaseNodeStyleProps>, container: Group) {
return this.upsert('key', Line, this.getKeyStyle(attributes), container);
return [
['M', x1, y1],
['L', x2, y2],
];
}
}
```

19
packages/site/examples/element/edge/demo/meta.json
View File

@ -36,14 +36,7 @@
},
"screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*C9apQa9NioMAAAAAAAAAAAAADmJ7AQ/original"
},
{
"filename": "loop-polyline.js",
"title": {
"zh": "折线自环边",
"en": "Polyline Loop"
},
"screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*OReBSqIkp_cAAAAAAAAAAAAADmJ7AQ/original"
},
{
"filename": "quadratic.js",
"title": {
@ -76,13 +69,21 @@
},
"screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*6Gj2R50AJ8AAAAAAAAAAAAAADmJ7AQ/original"
},
{
"filename": "loop-polyline.js",
"title": {
"zh": "折线自环边",
"en": "Polyline Loop"
},
"screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*eCLSSIiRDVEAAAAAAAAAAAAADmJ7AQ/original"
},
{
"filename": "loop-curve.js",
"title": {
"zh": "曲线自环边",
"en": "Curve Loop"
},
"screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*6Gj2R50AJ8AAAAAAAAAAAAAADmJ7AQ/original"
"screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*OReBSqIkp_cAAAAAAAAAAAAADmJ7AQ/original"
},
{
"filename": "arrows.js",