简介

该插件可在画布区域绘制网格。

栅格 plugin.tool.grid - 图1

安装

在 HTML 中引用文件:

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

在 npm 中引用:

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

参数

参数 说明 类型 可选值 默认值
cell 网格稀疏程度 number 16
type 网格类型 string dot
line
‘dot’
line 网格线样式 object 通用图形属性 {
stroke: ‘#A3B1BF’,

} |

使用

实例化插件对象:

  1. const grid = new G6.Plugins['tool.grid']();

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

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