流程图 - AntV - Alipay
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>流程图</title> <style>::-webkit-scrollbar {display:none;}html,body {overflow:hidden;margin:0;}</style> …
省略文本 - AntV - Alipay
* } * }) * */ /** * 计算字符串的长度 * @param {string} str 指定的字符串 */ var calcStrLen = function calcStrLen (str) { var len = 0; for (var i = 0; i < str.length; i++) { if (str.charCodeAt (i) > 0 && …
贝塞尔曲线 - AntV - Alipay
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>贝塞尔曲线</title> <style>::-webkit-scrollbar {display:none;}html,body {overflow:hidden;margin:0;}</style> …
ER图 - AntV - Alipay
36 point = G6.Util.getLabelPosition(keyShape, 1, -15, 4, true); 37 group.addShape('text', { 38
文本换行 - AntV - Alipay
* */ var data = { nodes: [ { x: 100, y: 100, shape: 'rect', label: '这个文案\n有点长', id: 'node1', labelCfg: { position: 'bottom' }, anchorPoints: [ [0, 0.5, { type: 'circle', style: { stroke: 'red', fill: …
子图布局 - AntV - Alipay
Circular 环图参数变化 Fruchterman 布局参数变化 Dagre 参数变化 Radial 布局参数变化 Radial 交互扩展节点 点击扩展节点 布局数据变化 子图布局 自定义布局 - 二分图 布局的时机监听 …
边-自定义折线方法2 - AntV
* by siogo 提供的 issue（https://github.com/antvis/g6/issues/814） * * 如果要适应所有拖动情况，则需要根据拖动的位置来动态改变锚点 */ G6.registerEdge ('line-arrow', { draw: function …
自定义流程图 - AntV - Alipay
* * by 一之 * */ /** * node 特殊属性 */ var nodeExtraAttrs = { begin: { fill: "#9FD4FB" }, end: { fill: "#C2E999" } }; var data = { nodes: [ { id: "1", label: "请求回放1（开始）", type: "begin" }, { id: …
内置节点和边 - AntV - Alipay
10 <script>/*Fixing iframe window.innerHeight 0 issue in Safari*/document.body.clientHeight;</script> 11 <script …
小米关系图谱 - AntV - Alipay
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>小米关系图谱</title> <style>::-webkit-scrollbar {display:none;}html,body {overflow:hidden;margin:0;}</style> …