Я использую приложение Neo4j в своем приложении angular2 + и NodeJS.Приложение Neo4j предоставляет Neovis.js, который является интеграцией vis.js.Код для Neovis.js выглядит следующим образом -
https://rawgit.com/neo4j-contrib/neovis.js/master/dist/neovis.js
Используя приведенный выше код Neovis.js, мои узлы выглядят так -
Теперь я хочу украсить эти узлы, добавив изображения вместо круговых структур, уменьшить размер шрифта отношений (.ie - DEPARTMENT, API) и т. Д.Поэтому я спросил их, есть ли способ улучшить визуализацию, поэтому они сказали, что в коде Neovis.js у нас есть visjs.Это следующим образом -
код -
visjs: {
interaction: {
hover: true,
hoverConnectedEdges: true,
selectConnectedEdges: false,
multiselect: 'alwaysOn',
zoomView: false,
experimental: { }
},
physics: {
barnesHut: {
damping: 0.1
}
},
nodes: {
mass: 4,
shape: 'neo',
labelHighlightBold: false,
widthConstraint: {
maximum: 40
},
heightConstraint: {
maximum: 40
}
},
edges: {
hoverWidth: 0,
selectionWidth: 0,
smooth: {
type: 'continuous',
roundness: 0.15
},
font: {
size: 9,
strokeWidth: 0,
align: 'top'
},
color: {
inherit: false
},
arrows: {
to: {
enabled: true,
type: 'arrow',
scaleFactor: 0.5
}
}
}
}
Здесь, в visjs, они попросили меня внести необходимые изменения.Но здесь я уменьшил размер шрифта и добавил много функций, но ничего не изменилось.И я даже хочу реализовать изображения для узлов.Как это сделать ?И есть ли способ интегрировать vis.js?Пожалуйста, помогите.
PS:
Мы запускаем приведенный ниже код для интеграции Neovis.js для отображения front- end-
https://github.com/neo4j-contrib/neovis.js/blob/master/examples/simple-example.html