浏览器样式

您可以通过就地编辑或使用图形样式表 (GraSS) 来自定义图形查询结果。

就地设置图形可视化样式

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

标签和类型概述

browser style1

如果您在概述中选择一个节点标签，则有几种样式选项可用

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

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

  • 标题 - 设置所选标签节点的标题显示内容。

设置节点样式

browser style2

如果您在概述中选择一个关系类型，则有几种样式选项可用

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

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

  • 标题 - 设置所选类型关系的标题显示内容。

设置关系样式

browser style3

如果您在图形结果框中选择一个节点，则节点属性将显示标签和属性；选择一个节点标签与在概述中的操作相同。

示例 1. 为所选节点标签设置样式

您可以单击图形中的Movie标签，并更改所有标记为Movie的节点的颜色、大小和标题。

标记为Movie的节点的更改

browser style4

如果您在图形结果框中选择一个关系，则关系属性将显示类型和属性；选择类型与在概述中的操作相同。

示例 2. 为所选关系类型设置样式

您可以单击图形中的一个关系，并更改所有类型相同的关系列的颜色、线宽和标题。例如，选择了ACTED_IN。

类型为ACTED_IN的关系的更改

browser style5

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

或者，请按照以下步骤通过导入 Neo4j 浏览器引用的图形样式表 (GraSS) 文件来自定义样式。

  1. 运行命令:style，并使用导出 GraSS选项下载当前图形样式。

    Neo4j 支持 CSS 和 JSON 格式作为.grass文件内容。
    示例 3. .grass文件内容的示例
    node {
  diameter: 50px; (1)
  color: #A5ABB6; (2)
  border-color: #9AA1AC;  (3)
  border-width: 2px; (4)
  text-color-internal: #FFFFFF; (5)
  font-size: 10px;
}
relationship {
  color: #A5ABB6;
  shaft-width: 1px; (6)
  font-size: 8px;
  padding: 3px;
  text-color-external: #000000;
  text-color-internal: #FFFFFF;
  caption: "<type>"; (7)
}
node.* {
  color: #C990C0;
  border-color: #b261a5;
  text-color-internal: #FFFFFF;
  defaultCaption: "<id>";
}
node.Status {
  color: #F79767;
  border-color: #f36924;
  text-color-internal: #FFFFFF;
  defaultCaption: "<id>"; (8)
  caption: "{name}";
}
node.Person {
  color: #DA7194;
  border-color: #cc3c6c;
  text-color-internal: #FFFFFF;
  defaultCaption: "<id>";
  caption: "{name}";
}
node.Movie {
  caption: "{title}";
}
    1 节点圆的直径。
    2 圆的颜色。
    3 圆边框的颜色。
    4 圆边框的宽度。
    5 显示的文本的颜色。
    6 关系圆的直径。
    7 显示的文本。
    8 如果没有设置特定标题，则为默认标题。

    如果一个节点具有 2 个带样式的标签，则只应用第一个（最靠近顶部）样式。如果一个节点没有 GraSS 中的标签，则node用作默认值。关系也是如此。

  2. 使用您选择的编辑器在本地编辑下载的文件。

  3. 将保存的文件拖放到 Neo4j 浏览器的窗口中。

有关 GraSS 解析器 的信息，请查看开源代码。