Следующий код ничего не рендеринг не оказывает, и он не возвращает ошибку:Sigma графы расслоения плотного ничего
var sigma = require('sigma');
var i,
s,
N = 100,
E = 500,
g = {
nodes: [],
edges: []
};
// Generate a random graph:
for (i = 0; i < N; i++)
g.nodes.push({
id: 'n' + i,
label: 'Node ' + i,
x: Math.random(),
y: Math.random(),
size: Math.random(),
color: '#666'
});
for (i = 0; i < E; i++)
g.edges.push({
id: 'e' + i,
source: 'n' + (Math.random() * N | 0),
target: 'n' + (Math.random() * N | 0),
size: Math.random(),
color: '#ccc'
});
sigma.renderers.def = sigma.renderers.canvas;
// Instantiate sigma:
s = new sigma({
graph: g,
container: document.getElementById('sigma-container')
});
Некоторые примечания: 1.I уже установило max-width
и height
:
#sigma-container {
max-width: 400px;
height: 400px;
margin: auto;
}
2.I'm запустить его на узле и поэтому у меня есть отдельный JS файл, и он компилируется и передается в браузер правильно. (по крайней мере, я могу увидеть код инструмента разработчиков Хрома)
3.I использовать следующий HTML:
<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
<div id="sigma-container"></div>
<script src="/javascripts/bundle.js"></script>
</body>
</html>
4.Если вместо getElementById('sigma-container')
я поставил имя DIV, он возвращает ошибку: Uncaught Container not found.
Любая идея о том, почему он не делает?