Components 分析组件

分析过程是一个动态交互的过程,对于图分析也不例外。因此我们需要一些分析组件帮助我们辅助分析,这里 Graphin 内置了两款组件:Toolbar 通用工具栏 和 ContextMenu 右键菜单。

未来计划新增 MiniMap 缩略图 与 ProptertiesFilter 属性筛选器,从而达到让用户高效分析的目的。

Toolbar

Toolbar 是提供分析操作的工具栏。内置了撤销重做(操作历史),画布缩放,全屏,节点聚焦,画布快照下载等等功能。

使用 Toolbar 很简单:

Toolbar 提供了 direction 来控制横向或者纵向显示。我们可以用 render 函数来拓展 Toolbar,就像上面例子中展示的那样。使用 render,我们可以给 Toolbar 添加自定义的功能,比如布局切换等等。

Toolbar 的完整 API 文档请查看这里

ContextMenu

ContextMenu 是右键菜单组件。通过 options 可以配置菜单的内容:

我们通常用 ContextMenu 实现节点的复制,删除,反选等等。同时,我们也可以对选择的节点发起新画布分析,或者进行打标,发起关系扩散,数据请求之类的高级自定义行为。这些行为只需要在 MenuItem 的 onClick 回调中实现就可以。

如果想定制下拉菜单的形态,可以使用 render 这个 props 对菜单进行自定义渲染:

ContextMenu 的完整 API 文档请查看这里