When the edge type is quadratic and the edge width is set to be wider, the edge's arrow and point connections are unexpected #6445
songxiaoyu321 posted onGitHub
Describe the bug / 问题描述
可以用官网例子修改
import { Graph, iconfont } from '@antv/g6';
const style = document.createElement('style');
style.innerHTML = @import url('${iconfont.css}');
;
document.head.appendChild(style);
fetch('https://assets.antv.antgroup.com/g6/element-edges.json') .then((res) => res.json()) .then((data) => { const graph = new Graph({ container: 'container', data, edge: { type: 'quadratic', style: { lineWidth: 20, labelText: (d) => d.id, labelBackground: true, endArrow: true, badge: true, badgeText: '\ue603', badgeFontFamily: 'iconfont', badgeBackgroundWidth: 12, badgeBackgroundHeight: 12, }, }, layout: { type: 'radial', unitRadius: 220, linkDistance: 220, }, });
graph.render();
});
Reproduction link / 重现链接
No response
Steps to Reproduce the Bug or Issue / 重现步骤
No response
G6 Version / G6 版本
🆕 5.x
Operating System / 操作系统
macOS
Browser / 浏览器
Chrome
Additional context / 补充说明
No response