在html页面如何利用vis.js画出知识图谱并且实现增删改查，图谱的边上要有信息

要在 HTML 页面上使用 vis.js 画出知识图谱并实现增删改查，可以按照以下步骤进行：

1. 引入 vis.js 相关的 CSS 和 JavaScript 文件。

<link href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis.min.js"></script>

2. 创建一个 HTML 元素作为图谱的容器。

<div id="mynetwork"></div>

3. 创建一个 JavaScript 对象作为图谱的数据源，并定义节点和边的属性。

var nodes = new vis.DataSet([
  {id: 1, label: 'Node 1'},
  {id: 2, label: 'Node 2'},
  {id: 3, label: 'Node 3'}
]);

var edges = new vis.DataSet([
  {from: 1, to: 2, label: 'Edge 1'},
  {from: 2, to: 3, label: 'Edge 2'}
]);

4. 创建一个 vis.Network 实例，将图谱的容器和数据源传入，并设置一些配置选项。

var container = document.getElementById('mynetwork');
var data = {nodes: nodes, edges: edges};
var options = {};
var network = new vis.Network(container, data, options);

5. 实现增删改查功能，可以通过 vis.js 提供的 API 进行操作，例如添加节点和边：

nodes.add({id: 4, label: 'Node 4'});
edges.add({from: 1, to: 4, label: 'Edge 3'});

6. 如果需要在边上显示信息，可以通过设置边的 label 属性来实现：

{from: 1, to: 2, label: 'Edge 1 (Info)'}

以上是基本的使用方法，具体的操作和样式可以根据实际需求进行调整。