在Javascript Infovis工具/强制有向图中改变节点形状

Change Node Shape in Javascript Infovis Toolit/ Force Directed Graph

本文关键字：改变 节点 有向图 Infovis Javascript 工具      更新时间：2023-09-26

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

他们说可以在'type'字段中这样做，但是我们需要添加哪些方法或查看对…的影响?? ?请看下面的链接:

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

我们到底该怎么做呢?

帮助请…

这里有一个很好的群组消息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); 
                } 
         },
相关文章：