在Javascript Infovis Toolkit / Force Directed Graph中更改节点形状

时间:2011-12-27 10:10:59

标签: javascript jit directed-graph infovis

我正在使用Javascript Infovis工具包(JIT),并希望将节点的形状更改为某个图像..我该怎么做?默认形状为圆形,可以进一步更改为矩形,方形,椭圆等,但在我的情况下,我需要将其更改为本地光盘驱动器中的图像。

他们说可以在“类型”字段中这样做但是我们需要添加或看到对...的影响的所有方法是什么? 请参阅以下链接:

http://thejit.org/static/v20/Docs/files/Options/Options-Node-js.html

我们究竟能做到这一点?

请帮助......

1 个答案:

答案 0 :(得分:0)

这里有一个很好的群组留言https://groups.google.com/group/javascript-information-visualization-toolkit/tree/browse_frm/month/2010-10?_done=%2Fgroup%2Fjavascript-information-visualization-toolkit%2Fbrowse_frm%2Fmonth%2F2010-10%3F&

如果要为强制定向图实现节点类型,请转到您的jit文件并转到ForceDirected.Plot.NodeTypes

这是我的代码,但是当我尝试平移时,标签仍然是跳动的。

'icon': { 
             'render': function(node, canvas){ 
                        var ctx = canvas.getCtx(); 
                        var img = new Image(); 
                        var pos = node.getPos(); 
                        img.onload = function() { 
                                ctx.drawImage(img, pos.x-24, pos.y-24); 
                        }; 
                        img.src='../img/icon.png'; 
                }, 
                'contains': function(node,pos){ 
                        var npos = node.pos.getc(true); 
                        dim = node.getData('dim'); 
                        return this.nodeHelper.square.contains(npos, pos, dim); 
                } 
         },