antv g6对接后台数据_AntV G6绘制流程图学习例子

var Util = G6.Util;

// 设置数据

var data = {

"source": {

"nodes": [

{

"shape": "circle",//节点形状，默认矩形， circle圆形，rhombus菱形，可放图片url

"label": "开始",//节点名称

color:'red',//设置节点背景色

"size": [88,40],//节点框大小(长宽)

"x": 720,//水平坐标，浏览器右上角起到左边距离

"y": 100,//垂直坐标，浏览器右上角起到下边距离

"id": "开始"//本节点id

},

{

"shape": "square",

"label": "招聘管理员审批",

color:'blue',

"size": [88,40],

"x": 720,

"y": 300,

"id": "招聘管理员审批"

},

{

shape: 'circle',

"label": "关闭",

"size": [88,40