浏览器样式

您可以直接在页面上或使用图样式表（GraSS）来自定义图查询结果。

在页面上对图可视化进行样式设置

Neo4j 浏览器提供基于节点标签和关系类型的颜色和大小样式功能。

browser style1
图 1. 标签和类型概览

如果在结果概览中选择节点标签，将会出现多种样式选项

  • 颜色 — 为所选标签的节点设置颜色。

  • 大小  — 为所选标签的节点设置大小。

  • 标题 — 设置所选标签的节点显示的标题。

browser style2
图 2. 设置节点样式

某些节点拥有多个标签，此类节点将采用第一个标签的样式。您可以在结果概览面板中重新排列标签。请注意，所有图中出现的节点标签都会列在结果概览面板中，而不仅仅是查询返回的标签。

styling priority
图 3. 重新排列标签

如果在概览中选择关系类型，将会出现多种样式选项

  • 颜色 — 为所选类型的关系设置颜色。

  • 线宽  — 为所选类型的关系设置线宽。

  • 标题 — 设置所选类型的关系显示的标题。

browser style3
图 4. 设置关系样式

使用 GraSS 文件为图可视化设置样式

或者，按照以下步骤通过导入图样式表（GraSS）文件来自定义样式，供 Neo4j 浏览器使用。

  1. 运行命令 :style，并在结果框中使用下载按钮下载当前图样式。

    Neo4j 支持将 .grass 文件内容写为 CSS 或 JSON 格式。
    示例 1. .grass 文件内容示例
    node.Status {
  color: #F79767;
  size: 60px;
  caption: "{name}";
}
node.Person {
  color: #DA7194;
  size: 30px;
  caption: "{name}";
}
node.Movie {
  caption: "{title}";
}
relationship.ACTED_IN {
  width: 5px;
  caption: "{roles}"
  color: #959AA1;
}

    如果节点拥有两个已样式化的标签，则仅应用第一个（最靠上的）样式。如果节点没有 GraSS 中的标签，则使用 node 作为默认样式。关系亦是如此。

  2. 使用您喜欢的编辑器在本地编辑并保存下载的文件。

  3. 使用上传按钮将保存的文件导入 Neo4j 浏览器。

The GraSS parser is open source.