Sigma.js。有向圖。箭頭不渲染

我有問題，由Sigma.js呈現有向圖的箭頭。Sigma.js。有向圖。箭頭不渲染

我GEXF圖：

<?xml version="1.0" encoding="UTF-8"?> 
<gexf xmlns="http://www.gexf.net/1.2draft" version="1.2" xmlns:viz="http://www.gexf.net/1.2draft/viz" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.gexf.net/1.2draft http://www.gexf.net/1.2draft/gexf.xsd"> 
    <meta lastmodifieddate="2015-05-11"> 
    <creator>Gephi 0.8.1</creator> 
    <description></description> 
    </meta> 
    <graph defaultedgetype="directed" mode="static"> 
    <nodes> 
     <node id="startNode" label="Initial resources"> 
     <attvalues></attvalues> 
     <viz:size value="1.0"></viz:size> 
     <viz:position x="1.0" y="1.0" z="0.0"></viz:position> 
     <viz:color r="153" g="153" b="153"></viz:color> 
     </node> 
     <node id="node1" label="node1"> 
     <attvalues></attvalues> 
     <viz:size value="1.0"></viz:size> 
     <viz:position x="100.0" y="0.0" z="0.0"></viz:position> 
     <viz:color r="153" g="153" b="153"></viz:color> 
     </node> 
     <node id="node2" label="node2"> 
     <attvalues></attvalues> 
     <viz:size value="1.0"></viz:size> 
     <viz:position x="200.0" y="0.0" z="0.0"></viz:position> 
     <viz:color r="153" g="153" b="153"></viz:color> 
     </node> 
    </nodes> 
    <edges> 
     <edge source="startNode" target="node1" label="res1"> 
     <attvalues></attvalues> 
     </edge> 
     <edge source="node1" target="node2"> 
     <attvalues></attvalues> 
     </edge> 
    </edges> 
    </graph> 
</gexf>

我Sigma.js腳本：

s = new sigma({ 
     container : 'content', 
     renderer : { 
      container : document.getElementById('content'), 
      type : 'canvas' 
     }, 
     settings : { 
      minNodeSize : 12, 
      maxNodeSize : 12 
     }, 
     drawingProperties : { 
      defaultEdgeArrow : 'source' 
     } 
    }); 
    sigma.parsers.gexf('../resources/text.gexf', s, function() { 
     s.refresh(); 
    });

我也試圖defaultEdgeArrow屬性添加到設置和渲染塊 - 這也好好嘗試的工作。

請幫助。謝謝你的回答。

來源

2015-05-12 Александр Сахаров

s = new sigma({ 
    renderer: { 
     container: document.getElementById('content'), 
     type: 'canvas' 
    }, 
    settings : { 
     maxEdgeSize: 5 
    } 
}); 
sigma.parsers.gexf('graph.gexf', s, function() { 
    s.graph.edges().forEach(function(edge){ 
     edge.type = "arrow"; 
    }); 
    s.refresh(); 
});

看看http://plnkr.co/edit/Hrb0HmzT6TXdPxv3BFFq?p=preview

這是你的代碼plunkr，適馬的工作1.0.3

來源

2015-05-12 20:12:05 logisima

Sigma.js。有向圖。箭頭不渲染

回答

相關問題