使用Neo4j Visualization Library无法渲染节点标签的求助

你的核心问题是节点的captions格式不符合NVL的要求：NVL要求节点的captions是数组类型，而非单个对象。调整格式后即可正常显示标签。

修正后的代码示例 #

JavaScript #

import { NVL } from "@neo4j-nvl/base";

const nodes = [
  {
    id: "1",
    // 将单个对象改为数组，每个元素对应一行标签
    captions: [
      {
        styles: "bold italic", // 样式用空格分隔，而非逗号
        value: "foo", // 要显示的标签文本
        key: "bar" // 可选，用于标识该caption（如样式优先级）
      }
    ],
  },
  { 
    id: "2",
    // 可给节点添加多行列标签
    captions: [
      { value: "Node 2" },
      { styles: "italic", value: "Secondary label" }
    ]
  },
];
const relationships = [{ id: "12", from: "1", to: "2" }];

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

HTML（无需修改） #

<div id="container" style="height: 20rem"></div>

关键注意点 #

• captions必须是数组：即使只需要一个标签，也要用数组包裹单个对象
• 样式分隔符：styles属性的值要用空格分隔（如"bold italic"），而非逗号
• 自定义HTML标签：如果需要更复杂的样式，可使用html属性替代value，示例：

  captions: [
    { html: "<span style='color: red; font-weight: bold;'>自定义HTML标签</span>" }
  ]
  

调整后重新运行，节点标签即可正常显示。

内容的提问来源于stack exchange，提问作者Cal El