2014-01-08 3 views
2

Использование Sigma.js Я хочу добавить пользовательские изображения в узлы графика. Я нашел a plugin, включен nodeShapes.js и plotter.js, а затем добавил атрибут изображения:Добавление пользовательских изображений в узлы

var imgUri="somepicture.png" 

sigInst.addNode(id,{ 
        'x': Math.random(), 
        'y': Math.random(), 
        'label': data.nodes[i].val, 
       // 'color': color,       commenting this line out to add custom images to the nodes    
        'image':{'url':imgUri}, 
        'cluster': clusters['cluster_id'] 
}); 

Но граф остается неизменным, и я все еще вижу точки по умолчанию.

+1

вам удалось заставить это работать? – CodeGuru

ответ

0

Вы должны проверить новую версию Sigma, которая появилась несколько дней назад. Там вы можете добавлять пользовательские изображения на узлах, но не забудьте указать, что вы используете Canvas renderer, иначе это не сработает.

+0

Я использовал новый выпуск, но это сломало бы мой текущий код. Я могу использовать новую версию, но синтаксис сильно изменился. Также создатель плагина упоминает об изменениях в файлах Plotter.js и nodeShapes.js (в соответствии с github). Новая версия поставляется вместе с этим плагином как часть основного кода. Можете ли вы предложить изменения в отношении предыдущей версии сигмы? – Amar

Смежные вопросы