G6

The initialization of Graph is instantiated through new, and the parameter object needs to be passed in when instantiated. The currently supported parameters are as follows:

new G6.Graph(options: GraphOptions) => Graph

autoResize

boolean Default: false

whether to auto resize canvas

Automatically adjust the canvas size based on the window.onresize event

background

string

canvas background color

This color is used as the background color when exporting images

canvas

CanvasConfig

canvas config

The related configuration items under GraphOptions are shortcut configuration items, which will be converted to canvas configuration items

container

string | HTMLElement | Canvas

canvas container

cursor

Cursor

cursor style

devicePixelRatio

number

device pixel ratio

Device pixel ratio for high-definition screens, default is window.devicePixelRatio

height

number

canvas height

If not set, the container height will be automatically obtained

renderer

(layer: 'background' | 'main' | 'label' | 'transient') => IRenderer

manually set renderer

G6 adopts a layered rendering method, divided into four layers: background, main, label, transient. Users can set the renderer of each layer canvas separately through this configuration item

width

number

canvas width

If not set, the container width will be automatically obtained

autoFit

whether to auto fit

Every time render is executed, it will be adapted according to autoFit

padding

number | number[]

canvas padding

Usually, it will be adapted according to the padding when auto-fitting

rotation

number Default: 0

rotation angle

x

number

viewport x coordinate

y

number

viewport y coordinate

zoom

number Default: 1

zoom ratio

zoomRange

[number, number] Default: [0.01, 10]

zoom range

animation

Enable or disable global animation

When it is an animation options, the animation will be enabled, and the animation configuration will be used as the basic configuration of the global animation