yym1803 yym1803
关注数: 4 粉丝数: 11 发帖数: 224 关注贴吧数: 8
前端G6对象关系图,有人用过么? 不懂就问,G6对象图设置node的label不生效,项目很老,版本很旧,有人帮看看么? 贴代码: createG6PluginObjFun: function (data) { // 第二步:注册图形 G6.registNode('rect', { // 设置锚点 getAnchorPoints: function () { return [ [1, 0.5], // 右边边的中点 [0, 0.5] // 左边边的中点 ]; } }); // 第三步:进行布局 var Layout = G6.Layout; var margin = 10; var height = 600 - margin; var width = 200 - margin; var nodes = data.nodes; var edges = data.edges; var layout = new Layout.Flow({ nodes: nodes, edges: edges }); nodes = layout.getNodes(); nodes.map(function (node) { var x = node.x * width + margin; var y = node.y * height + margin; node.x = y; node.y = x; }); // 第四步:初始化图 var net = new G6.Net({ id: "dataMap", // 此处替换容器id height: 300, // 此处替换高度 fitView: 'autoZoom', // 自动缩放 }); // 第五步:载入数据 net.source(nodes, edges); // 第六步:数据映射 net.node() .style(function (obj) { var attrs = {}; attrs.fillOpacity = 0.9; return attrs; }) .label(function (obj) { console.log('kuaichulai') return { text: obj.name, fill: 'black', fontSize: 12 }; }).tooltip("name"); net.tooltip(true); net.edge() .size(2) .shape('smooth') .style({ stroke: "black", strokeOpacity: 0.6, arrow: true }); // 第八步:渲染关系图 net.render(); } node下的.label(function (obj) { console.log('kuaichulai') return { text: obj.name, fill: 'black', fontSize: 12 }; 控制台没有任何反应,将这段代码放到net.edge()后面能正常的执行
1 下一页