2015-09-30 2 views
0

Следующий код ничего не рендеринг не оказывает, и он не возвращает ошибку: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.

Любая идея о том, почему он не делает?

ответ

3

Ошибка container not found была исправлена ​​в этом запросе на растяжение https://github.com/jacomyal/sigma.js/pull/653, но не включена в последнюю версию сигмы (v1.1.0). Я вручную построил копию с главной ветки проекта github, которая включала исправление, и разрешила эту проблему.