Изменить форму узла в Javascript Infovis Toolit / Force Directed Graph - PullRequest
Новая
       39

Изменить форму узла в Javascript Infovis Toolit / Force Directed Graph

1 голос
/ 27 декабря 2011

Я использую Javascript Infovis toolkit (JIT) и хочу изменить форму узла на какое-нибудь изображение. Как я могу это сделать? Форма по умолчанию - это круг, и его можно изменить на прямоугольник, квадрат, эллипс и т. Д., Но в моем случае мне нужно изменить его на изображение, присутствующее на моем локальном диске.

Они говорят, что это возможно сделать в поле 'type', но какие все методы нам нужно добавить или увидеть влияние на ... ?? Смотрите ссылку ниже:

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

А как именно мы можем это сделать?

Помогите пожалуйста ...

1 Ответ

0 голосов
/ 09 июля 2012

Здесь есть хорошее групповое сообщение 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

thisмой код, но при попытке панорамирования метки по-прежнему нервные. 

'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); 
                } 
         },
...