Graphin 内置唯一一款节点类型graphin-circle.作为默认的节点类型，你不需要在数据中显式指定type:"graphin-circle"。Graphin 对节点的组成进行了规范化处理，graphin-circle 由 5 部分图形组成，分别是keyshape,label,icon,badges,halo
节点的样式信息全部存储在 style 字段中，我们可以通过数据驱动 节点的样式设置。
⚠️：可以点击右下方
</>图标，展开完整源码查看
上述的 icon 有 3 种类型，从实际业务出发，将 icon 设置为字体图标是最常见的做法，这样不仅减少网络带宽请求，也很方便高效。 Graphin 采用Graphin.registerFontFamily的方式注册加载字体文件，让我们来看看吧
上述设置节点的字体图标，除了在每个数据的 style 中覆盖样式，graphin 也保持 G6 的机制，可以通过defaultNode设置默认节点样式
如果我们追求更细腻的交互体验，比如在 hover 的时候，让 halo 光晕又一个动画效果，如下图所示
graphin-circle 样式接口文档| 属性名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| size | 节点的大小 | number | -- |
| fill | 填充色、渐变或 纹理，默认值为空； | string | -- |
| stroke | 描边色、渐变或 纹理，默认值为空； | string | -- |
| lineWidth | 边框的宽度 | number | -- |
| visible | 是否显示和隐藏 | boolean | true |
| opacity | 透明度，默认值为 1； | number | -- |
| fillOpacity | 填充色的不透明度，默认值为 1； | number | -- |
| strokeOpacity | 描边色的不透明度，默认值为 1； | number | -- |
| shadowColor | 阴影的颜色； | string | -- |
| shadowBlur | 阴影的模糊级别； | number | -- |
| shadowOffsetX | 阴影距形状的水平距离； | number | -- |
| shadowOffsetY | 阴影距形状的垂直距离； | number | -- |
| globalCompositeOperation | 新图像如何绘制到已有的图像上 | string | -- |
| 属性名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| value | 标签名称，\n 可换行 | string | -- |
| position | 展示位置 'top' | 'bottom' | 'left' | 'right' | 'center' | | string | -- |
| fill | 填充色、渐变或 纹理，默认值为空； | string | -- |
| fontSize | 文本大小 | number | -- |
| offset | 文本在各自方向上的偏移量，主要为了便于调整文本位置,[offsetX,offsetY] | number | number[] | -- |
| visible | 是否显示和隐藏 | boolean | true |
| stroke | 描边色、渐变或 纹理，默认值为空； | string | -- |
| opacity | 透明度，默认值为 1； | number | -- |
| fillOpacity | 填充色的不透明度，默认值为 1； | number | -- |
| strokeOpacity | 描边色的不透明度，默认值为 1； | number | -- |
| shadowColor | 阴影的颜色； | string | -- |
| shadowBlur | 阴影的模糊级别； | number | -- |
| shadowOffsetX | 阴影距形状的水平距离； | number | -- |
| shadowOffsetY | 阴影距形状的垂直距离； | number | -- |
| globalCompositeOperation | 新图像如何绘制到已有的图像上 | string | -- |
| 属性名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| type | 类型可以为字体图标，可以为网络图片，可以为纯文本 'font' | 'image' | 'text' | "font" | "image" | "text" | -- |
| value | 根据类型，填写对应的值 | string | -- |
| size | 图标大小 | number | number[] | -- |
| fill | 填充色、渐变或 纹理，默认值为空； | string | -- |
| clip | 裁剪图片 | { [key: string]: any; r?: number; } | -- |
| fontFamily | -- | string | -- |
| visible | 是否显示和隐藏 | boolean | true |
| stroke | 描边色、渐变或 纹理，默认值为空； | string | -- |
| opacity | 透明度，默认值为 1； | number | -- |
| fillOpacity | 填充色的不透明度，默认值为 1； | number | -- |
| strokeOpacity | 描边色的不透明度，默认值为 1； | number | -- |
| shadowColor | 阴影的颜色； | string | -- |
| shadowBlur | 阴影的模糊级别； | number | -- |
| shadowOffsetX | 阴影距形状的水平距离； | number | -- |
| shadowOffsetY | 阴影距形状的垂直距离； | number | -- |
| globalCompositeOperation | 新图像如何绘制到已有的图像上 | string | -- |
| 属性名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| position | 放置的位置，ef：LT（left top）左上角 | string | -- |
| type | 类型可以为字体图标，可以为网络图片，可以为纯文本 | string | -- |
| value | -- | string | number | -- |
| size | -- | number | number[] | -- |
| fill | 填充色、渐变或 纹理，默认值为空； | string | -- |
| stroke | 描边色、渐变或 纹理，默认值为空； | string | -- |
| color | 徽标内文本的颜色 | string | -- |
| fontSize | -- | number | -- |
| fontFamily | -- | string | -- |
| padding | -- | number | -- |
| offset | -- | number | number[] | -- |
| visible | 是否显示和隐藏 | boolean | true |
| opacity | 透明度，默认值为 1； | number | -- |
| fillOpacity | 填充色的不透明度，默认值为 1； | number | -- |
| strokeOpacity | 描边色的不透明度，默认值为 1； | number | -- |
| shadowColor | 阴影的颜色； | string | -- |
| shadowBlur | 阴影的模糊级别； | number | -- |
| shadowOffsetX | 阴影距形状的水平距离； | number | -- |
| shadowOffsetY | 阴影距形状的垂直距离； | number | -- |
| globalCompositeOperation | 新图像如何绘制到已有的图像上 | string | -- |
| 属性名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| size | 大小 | number | number[] | -- |
| fill | 填充色、渐变或 纹理，默认值为空； | string | -- |
| stroke | 描边色、渐变或 纹理，默认值为空； | string | -- |
| lineWidth | 边框的宽度 | number | -- |
| opacity | 透明度，默认值为 1； | number | -- |
| visible | 是否显示和隐藏 | boolean | false |
| fillOpacity | 填充色的不透明度，默认值为 1； | number | -- |
| strokeOpacity | 描边色的不透明度，默认值为 1； | number | -- |
| shadowColor | 阴影的颜色； | string | -- |
| shadowBlur | 阴影的模糊级别； | number | -- |
| shadowOffsetX | 阴影距形状的水平距离； | number | -- |
| shadowOffsetY | 阴影距形状的垂直距离； | number | -- |
| globalCompositeOperation | 新图像如何绘制到已有的图像上 | string | -- |