g6js实现ER图示例代码-html代码-BFW代码库

g6js实现ER图示例代码

代码语言：html

所属分类：图表

代码描述：g6js实现ER图示例代码，这里演示的是g6的v3.1.0版本。

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!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 id="mountNode"></div>
<script>/*Fixing iframe window.innerHeight 0 issue in Safari*/document.body.clientHeight;</script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/antv.g6-3.1.0.js"></script>
<script>
  G6.registerEdge('relation', {
    draw: function draw(cfg, group) {
      var keyShape = group.addShape('path', {
        attrs: {
          path: [['M', cfg.startPoint.x, cfg.startPoint.y], ['L', cfg.endPoint.x, cfg.endPoint.y]],
          stroke: '#666',
          lineWidth: 2,
          lineAppendWidth: 4
        }
      });
      var center = keyShape.getPoint(0.5);
      var shapeContainer = group..........完整代码请登录后点击上方下载按钮下载查看