流程图 - AntV - Alipay
10 <script>/*Fixing iframe window.innerHeight 0 issue in Safari*/document.body.clientHeight;</script> 11 <script …
G2 一套简明和渐进式的可视化语法 | AntV
G2 是一套简洁的渐进式可视化语法，用于构建仪表盘、数据探索以及数据讲故事。结合工业和学术实践，实现图形语法、动画 ...
ER图 - AntV - Alipay
36 point = G6.Util.getLabelPosition(keyShape, 1, -15, 4, true); 37 group.addShape('text', { 38
贝塞尔曲线 - AntV - Alipay
AntV提供的贝塞尔曲线示例，展示了如何使用G6库创建和自定义曲线图形。
桑基图 - AntV - Alipay
var colors = ['#1890FF', '#73C9E6', '#13C2C2', '#6CD9B3', '#2FC25B', '#9DD96C', '#FACC14', '#E6965C', '#F04864', '#D66BCA', '#8543E0', '#8E77ED', '#3436C7', '#737EE6', '#223273', …
省略文本 - AntV - Alipay
<script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.g6-3.1.0/build/g6.js"></script> <script> /** * 该案例演示当label太长时候，指定多少个字符后显示省略号。 * 有两种方式进行处 …
弧线图 - AntV - Alipay
25 var colors = ['rgb(64, 174, 247)', 'rgb(108, 207, 169)', 'rgb(157, 223, 125)', 'rgb(240, 198, 74)', 'rgb(221, 158, 97)', 'rgb(141, 163, 112)', 'rgb(115, 136, 220)', 'rgb(133, 88, 219)', 'rgb(203, 135, …
内置节点和边 - AntV - Alipay
10 <script>/*Fixing iframe window.innerHeight 0 issue in Safari*/document.body.clientHeight;</script> 11 <script …
节点-列表 - AntV
* */ G6.registerNode ('expandNode', { draw: function draw (cfg, group) { var mainGroup = group.addGroup ( { id: 'main-group' }); var keyShape = mainGroup.addShape ('rect', { attrs: { x: …
多图表tooltip联动 - AntV
迷你图 多图表tooltip联动 源码 复制成功 复制失败 全屏 复制 运行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name ...