浏览器样式

您可以在原位或通过使用图样式表 (GraSS) 自定义图查询结果。

在原位设置图可视化样式

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

标签和类型概览

browser style1

如果您在概览中选择一个节点标签，则有几个可用的样式设置选项

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

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

  • 标题 — 设置应显示为所选标签节点标题的内容。您可以使用节点 ID 或节点标签。

设置节点样式

browser style2

如果您在概览中选择一个关系类型，则有几个可用的样式设置选项

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

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

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

设置关系样式

browser style3

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

示例 1：所选节点标签的样式设置

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

对带有 Movie 标签的节点的更改

browser style4

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

示例 2：所选关系类型的样式设置

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

对类型为 ACTED_IN 的关系的更改

browser style5

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

或者，按照步骤导入图样式表 (GraSS) 文件来自定义样式，供 Neo4j 浏览器引用。

  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 解析器是开源的。
© . All rights reserved.