g6/examples/interaction/position/index.en.md

---
title: Click to Focus a Node
order: 6
---

Move the graph by interaction.

## Usage

Move the graph to focus on the clicked node, which means pan the canvas to center at the clicked node.
- 1st demo: move the graph with animation;
- 2nd demo: move the graph without animation.
add: simplify cluster case. add: english version of demos 2019-11-14 23:10:02 +08:00			`---`
docs: update the english titles for examples 2020-04-08 16:50:57 +08:00			`title: Click to Focus a Node`
docs: add drag subtree demo. docs: add dagre align upper demo. 2020-06-23 15:16:10 +08:00			`order: 6`
add: simplify cluster case. add: english version of demos 2019-11-14 23:10:02 +08:00			`---`

			`Move the graph by interaction.`

			`## Usage`

chore: prettier all code 2020-02-14 10:10:54 +08:00			`Move the graph to focus on the clicked node, which means pan the canvas to center at the clicked node.`
feat: focusItem with animation parameters related to the graph configure. docs: update the click to focus a node demo. 2020-06-09 13:55:44 +08:00			`- 1st demo: move the graph with animation;`
			`- 2nd demo: move the graph without animation.`