vis.js - 通过 vis.js 的 api 调用导入数据
问题描述
以下是我正在为 vis.js 尝试的代码。我正在尝试通过 xmlhttprequest 以 json 格式可视化我的服务器上存在的数据。但它显示的只是空白屏幕作为输出。我在服务器上运行以下代码。响应显示状态 200 和空白屏幕
<html>
<head>
<script
type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"
></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script
type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.19.1/vis.min.js"
></script>
<link
href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.19.1/vis.min.css"
rel="stylesheet"
type="text/css"
/>
<style type="text/css">
#mynetwork {
width: 800px;
height: 800px;
border: 1px solid rgb(134, 29, 29);
}
</style>
</head>
<body>
<div id="testdiv"></div>
<div id="mynetwork"></div>
<script type="text/javascript">
// function loadXMLDoc() {
var xhttp = new XMLHttpRequest();
//var xhttp = new ActiveXObject("MSXML2.XMLHTTP");
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
//var data1 = this.responseText;
console.log(xhttp.responseText);
var data1 = JSON.parse(xhttp.responseText);
document.getElementById("testdiv").innerHTML =
"<h1>Data Export Successful</h1>";
}
//};
xhttp.open("GET", "http://127.0.0.1:5000/neo4j/export", true);
xhttp.setRequestHeader("Access-Control-Allow-Origin", "*");
xttp.setRequestHeader(
"Access-Control-Allow-Headers",
"Origin, X-Requested-With, Content-Type,Accept"
);
//loadXMLDoc();
xhttp.send();
};
var data = {};
var options = {};
var container = document.getElementById("mynetwork");
var network = new vis.Network(container, data, options);
</script>
</body>
</html>
解决方案
推荐阅读
- excel - 如何对重复值进行编号?
- javascript - 函数返回定义而不是值(在示例中)
- javascript - React App 不显示本地导入的图像
- javascript - 重试 REST API 请求
- bash - 有没有办法从 CLI 在 Visual Studio Code 中运行命令?
- python - 在python中的二维字符串数组中插入元素
- python - 如何将列表中的数据插入 SQLite3 数据库
- linux - Centos 上的 zip 命令不保留法语特殊字符
- python - opencv 视频输出到视频会议工具(缩放等)
- python - 使用 Pandas,如何根据给定条件的前几行的平均值将公式应用于多行?