首页 > 解决方案 > 为什么在 Modal 中使用 Vis JS 时什么都没有出现?

问题描述

我是 Vis JS 的新手,并尝试使用该插件。我已经按照此处的步骤复制了 JS 和 HTML,但 Modal 中没有出现任何内容。我也已经导入了 CSS 和 JS。但是,在普通页面上,在 Modal 上显示只是问题。

下面的红色应该是图表会出现的。

在此处输入图像描述

// create an array with nodes
var nodes = new vis.DataSet([
    { id: 1, label: "Node 1" },
    { id: 2, label: "Node 2" },
    { id: 3, label: "Node 3" },
    { id: 4, label: "Node 4" },
    { id: 5, label: "Node 5" }
]);
// create an array with edges
var edges = new vis.DataSet([
    { from: 1, to: 3 },
    { from: 1, to: 2 },
    { from: 2, to: 4 },
    { from: 2, to: 5 },
    { from: 3, to: 3 }
]);
// create a network
var container = document.getElementById("mynetwork");

// provide the data in the vis format
var data = {
    nodes: nodes,
    edges: edges
};
var options = {};

// initialize your network!
var network = new vis.Network(container, data, options);
<script type="text/javascript" src="https://unpkg.com/vis-data@latest/peer/umd/vis-data.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/vis-network@latest/peer/umd/vis-network.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://unpkg.com/vis-network/styles/vis-network.min.css" />

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

标签: javascriptjqueryhtmlmodal-dialog

解决方案


推荐阅读