流程图 - AntV
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>流程图</title> <style>::-webkit-scrollbar {display:none;}html,body {overflow:hidden;margin:0;}</style> </head> <body> <div …
省略文本 - AntV
* } * }) * */ /** * 计算字符串的长度 * @param {string} str 指定的字符串 */ var calcStrLen = function calcStrLen (str) { var len = 0; for (var i = 0; i < str.length; i++) { if (str.charCodeAt (i) > 0 && …
Dagre 参数变化 - AntV
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Dagre 参数变化</title> <style>::-webkit-scrollbar {display:none;}html,body {overflow:hidden;margin:0;}</style> </head> …
自定义流程图 - AntV - Alipay
* * by 一之 * */ /** * node 特殊属性 */ var nodeExtraAttrs = { begin: { fill: "#9FD4FB" }, end: { fill: "#C2E999" } }; var data = { nodes: [ { id: "1", label: "请求回放1（开始）", type: "begin" }, { id: "2", …
L7 - AntV
L7 中的 L 代表 Location，7 代表世界七大洲，寓意能为全球位置数据提供可视化能力。L7 的目标是提供一套地理空间数据可视化框架，易用易扩展，支持海量数据的高性能和 3D 高质量渲染，安全可靠的 …
多标签节点 - AntV - Alipay
卡片节点 饼图节点 列表节点 面积图节点 环形柱状图节点 折线图节点 标注图节点 堆积柱状图节点 自定义折线方法1 自定义 ...
边-自定义折线方法2 - AntV
* by siogo 提供的 issue（https://github.com/antvis/g6/issues/814） * * 如果要适应所有拖动情况，则需要根据拖动的位置来动态改变锚点 */ G6.registerEdge ('line-arrow', { draw: function draw (cfg, group) { …
ER图 - AntV - Alipay
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ER图</title> <style>::-webkit-scrollbar {display:none;}html,body {overflow:hidden;margin:0;}</style> </head> <body> <div …
文本换行 - AntV
* */ 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: 'red' } }], [1, 0.5, { …
小米关系图谱 - 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> </head> …