1. 外观配置

在图可视化中，主要以点、边元素组成，用户可以自定义点、边的样式，Ofnil 提供了4种样式配置的方式：

1. 统一

   为所有的元素配置相同的样式属性。

2. 排序

   基于元素的指定数值型属性的属性值，配置连续或离散的样式属性，常用于观察有序数据。

3. 自定义

   基于元素的指定字符串型属性的属性值，配置不同的样式属性，常用于观察不同类别的数据。

4. 基于点填充色

   常用于两个场景：

   • 点边框色：基于点填充色，配置点边框色。
   • 边填充色：基于边的起点或终点填充色，配置边填充色。

其中可配置的样式属性及方式如下表：

2. 点配置

2.1 点填充色

• 默认使用 统一 的方式。
• 当选择 基于属性 时，统一 配置方式失效，根据属性类型采用不同的配置方式，
  • 若选择数值型属性，采用 排序 配置方式：
    • 颜色分组：颜色分组有 量化 和 分位数 两种方式；
    • 分组数量：颜色分组的数量；
    • 自定义：若推荐色板不满足需求，可以使用点击 自定义 进行色板自定义。
  • 若选择字符串型属性，采用 自定义 配置方式：
    • 自动配色：根据属性值自动为每一个属性值生成一个颜色，一次最多生成 10 种颜色；
    • 清空配色：清空所有配色；
    • 添加配色：添加一行配色；
    • 删除配色：删除一行配色；

2.2 点边框色

• 开启 基于点填充色 时, 点边框色将与点填充色保持一致，也可以基于点填充色调整亮度。
• 关闭 基于点填充色 时, 与 点填充色 配置方式一致。

2.3 点大小

• 默认使用 统一 的方式。
• 当选择 基于属性 时，可指定点大小的最大值和最小值，系统将根据属性值量化的方式计算每个节点的大小。

2.4 点图标

• 默认使用 统一 的方式。
• 当选择 基于属性 时，将采用 自定义 配置方式，与点填充色的自定义 配置方式类似。

2.5 点标签

选择一个属性，可视化中的节点将附加一个文字标签，文字内容为该节点对应的属性值。

• 颜色：文字标签的颜色；
• 位置：文字标签的位置，可选择 内部、上方、下方、右方 ；
• 最大字符数：最多可显示的文字字符数。

3. 边配置

3.1 边类型

配置边类型，可以控制边是否显示箭头。

• 有向：所有边都是有向的，显示箭头；
• 无向：所有边都是无向的，不显示箭头；
• 基于属性：基于属性，属性值为 true ，是有向的，显示箭头；属性值为false ，是无向的，不显示箭头。

3.2 边填充色

• 开启 基于点填充色 时, 点边框色将与点填充色保持一致，也可以基于点填充色调整亮度。
• 关闭 基于点填充色 时, 与 点填充色 配置方式一致。

3.3 边大小

• 默认使用 统一 的方式。
• 当选择 基于属性 时，可指定边大小的最大值和最小值，系统将根据属性值量化的方式计算每条边的大小。

3.4 边标签

选择一个属性，可视化中的节点将附加一个文字标签，文字内容为该节点对应的属性值。

• 颜色：文字标签的颜色；
• 位置：文字标签的位置，可选择 内部、上方、下方；
• 最大字符数：最多可显示的文字字符数。