安装与使用

您可以使用以下方式安装该库

npm install @neo4j-nvl/base

安装完成后,您可以通过首先导入 NVL 类来使用基础库绘制基本图形

import { NVL } from '@neo4j-nvl/base'

然后即可生成图形

const nodes = [{ id: '1' }, { id: '2' }]
const relationships = [{ id: '12', from: '1', to: '2' }]

const nvl = new NVL(document.getElementById('container'), nodes, relationships)

确保用于渲染图形的容器具有 height(高度)属性。如果容器缺少此属性,容器的高度将被设为 0,导致图形不可见。

如果您想为图形添加常用交互功能,可以安装 NVL 交互处理程序。请参阅 交互处理程序 获取更多信息。如果您使用 React,则可以使用 React 包装器

请查阅 nvl-boilerplates GitHub 仓库,获取使用 NVL 创建新项目的模板代码。