有关在Neovis.js中实现vis.js的查询

时间:2018-10-24 06:04:27

标签: javascript node.js neo4j vis.js vis.js-network

我正在我的angular2 +和NodeJS应用程序中实现Neo4j应用程序。 Neo4j应用程序提供Neovis.js,它是vis.js的集成。 Neovis.js的代码如下-

https://rawgit.com/neo4j-contrib/neovis.js/master/dist/neovis.js

使用上述Neovis.js代码,我的节点如下所示-

Nodal Graph Image

现在我想通过添加图像而不是圆形结构来美化这些节点,减小关系的字体大小(即-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?请帮忙。

P.S:

我们运行以下代码来集成Neovis.js以显示前端-

https://github.com/neo4j-contrib/neovis.js/blob/master/examples/simple-example.html

0 个答案:

没有答案