gpt4 book ai didi

javascript - .gexf - 格式节点图可视化

转载 作者:行者123 更新时间:2023-12-02 19:37:07 25 4
gpt4 key购买 nike

可视化节点图 Sigma.js看起来棒极了。我尝试了一些示例,但无法显示我的图表。我使用示例代码并尝试插入我的 .gexf 文件,但没有显示任何内容。这是我从 Sigma.js example 中获取的:

function init() {
// Instanciate sigma.js and customize rendering :
var sigInst = sigma.init(document.getElementById('sigma-example')).drawingProperties({
defaultLabelColor: '#fff',
defaultLabelSize: 14,
defaultLabelBGColor: '#fff',
defaultLabelHoverColor: '#000',
labelThreshold: 6,
defaultEdgeType: 'curve'
}).graphProperties({
minNodeSize: 0.5,
maxNodeSize: 5,
minEdgeSize: 1,
maxEdgeSize: 1
}).mouseProperties({
maxRatio: 32
});

// Parse a GEXF encoded file to fill the graph
// (requires "sigma.parseGexf.js" to be included)
sigInst.parseGexf('donornet.gexf');

// Draw the graph :
sigInst.draw();
}

if (document.addEventListener) {
document.addEventListener("DOMContentLoaded", init, false);
} else {
window.onload = init;
}

我用我自己的donornet.gexf 文件替换了.gexf 文件并将其另存为donornet.js。然后我使用了此 example 中的代码(来自 Max De Marzi ),我用我的donornet.js 文件替换了它:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Donornet and Sigma.js Example</title>
<script type="text/javascript" src="sigma.min.js"></script>
<script type="text/javascript" src="sigma.parseGexf.js"></script>
<script type="text/javascript" src="sigma.forceatlas2.js"></script>
<link type="text/css" rel="stylesheet" href="neo_sigma.css"/>
</head>
<body>
<h1>Donornet and Sigma.js Example</h1>
<div class="buttons-container">
<button class="btn" id="stop-layout">Stop Layout</button>
<button class="btn" id="rescale-graph">Rescale Graph</button>
</div>
<div class="span12 sigma-parent" id="sigma-example-parent">
<div class="sigma-expand" id="sigma-example"></div>
</div>
<script type="text/javascript" src="donornet.js"></script>
</body>
</html>

所有文件都位于同一文件夹中。 parseGexf.js 与donornet.js 和donornet.gexf 位于同一文件夹中。

最佳答案

您不必将 .gexf 文件另存为 .js 文件。只需将其保留为 gexf 文件并将其上传到脚本的文件夹中即可。删除 <script src="donornet.js"> 行。再次尝试运行。如果不起作用,还要删除按钮 div。查看 http://noduslabs.com/socialplayer/smmrussia/ 上的来源

关于javascript - .gexf - 格式节点图可视化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10823134/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com