源代码
先放代码,有时间再来写。。。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Demo</title>
</head>
<body>
<div id='cxk'></div>
<script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.g6-3.5.0/dist/g6.min.js"></script>
<script>
const data = {
nodes: [
{
id: 'node1',
label: '刘备',
type: 'circle',
chuohao: '刘皇叔',
zi: '玄德',
},
{
id: 'node2',
label: '诸葛亮',
type: 'circle',
zi: '孔明',
},
{
id: 'node3',
label: '关羽',
type: 'circle',
zi: '云长',
},
{
id: 'node4',
label: '曹操',
type: 'circle',
zi: '孟德',
},
{
id: 'node5',
label: '张飞',
type: 'circle',
zi: '翼德',
},
{
id: 'node6',
label: '孙权',
type: 'circle',
zi: '文台',
},
{
id: 'node7'