简介

plugins.tool.highlightSubgraph 用于高亮图中的子图。该插件将高亮和恢复方法绑定到图上,由图实例直接调用。

高亮子图  plugins.tool.highlightSubgraph - 图1

安装

在 HTML 中引用文件:

  1. <script src="https://unpkg.com/@antv/g6/build/plugin.tool.highlightSubgraph.js"></script>

或在 npm 中引用:

  1. import '@antv/g6/build/plugin.tool.highlightSubgraph';

方法

函数 说明 参数 参数说明 参数类型 默认值
highlightSubgraph 高亮传入的子图。 hlItems 子图中的元素集合。 array {}
unhighlightGraph 恢复图到未高亮状态。

使用

实例化插件对象:

  1. const Highlighter = G6.Plugins['tool.highlightSubgraph'];
  2. const highlighter = new Highlighter();

在实例化 Graph 时作为插件插入:

  1. const graph = new G6.Graph({
  2. container: 'mountNode',
  3. plugins: [ highlighter ]
  4. });

也可以使用以下方式将插件绑定到 Graph 上:

  1. graph.addPlugin(highlighter);

高亮子图:

  1. graph.highlightSubgraph(items);

恢复到未高亮状态:

  1. graph.unhighlightSubgraph();