---

Classes

• _global_
• Array
• pv
• pv.Anchor
• pv.Area
• pv.Bar
• pv.Behavior
• pv.Behavior.drag
• pv.Behavior.pan
• pv.Behavior.point
• pv.Behavior.resize
• pv.Behavior.select
• pv.Behavior.zoom
• pv.Color
• pv.Color.Hsl
• pv.Color.Rgb
• pv.Colors
• pv.Constraint
• pv.Constraint.bound
• pv.Constraint.collision
• pv.Constraint.position
• pv.Dom
• pv.Dom.Node
• pv.Dot
• pv.Flatten
• pv.Force
• pv.Force.charge
• pv.Force.drag
• pv.Force.spring
• pv.Format
• pv.Format.date
• pv.Format.number
• pv.Format.time
• pv.Geo.LatLng
• pv.Geo.Projection
• pv.Geo.projections
• pv.Geo.scale
• pv.Geo.scale#ticks
• pv.histogram
• pv.histogram.Bin
• pv.Image
• pv.Label
• pv.Layout
• pv.Layout.Arc
• pv.Layout.Bullet
• pv.Layout.Cluster
• pv.Layout.Cluster.Fill
• pv.Layout.Force
• pv.Layout.Grid
• pv.Layout.Hierarchy
• pv.Layout.Horizon
• pv.Layout.Indent
• pv.Layout.Matrix
• pv.Layout.Network
• pv.Layout.Network.Link
• pv.Layout.Network.Node
• pv.Layout.Pack
• pv.Layout.Partition
• pv.Layout.Partition.Fill
• pv.Layout.Rollup
• pv.Layout.Stack
• pv.Layout.Tree
• pv.Layout.Treemap
• pv.Line
• pv.Mark
• pv.Nest
• pv.Panel
• pv.Particle
• pv.Quadtree
• pv.Quadtree.Node
• pv.Rule
• pv.Scale
• pv.Scale.linear
• pv.Scale.log
• pv.Scale.ordinal
• pv.Scale.quantile
• pv.Scale.quantitative
• pv.Scale.root
• pv.Simulation
• pv.Transform
• pv.Tree
• pv.Vector
• pv.version
• pv.Wedge

---

Class pv.Behavior.pan

Extends pv.Behavior.
Implements interactive panning starting with mousedown events. Register this behavior on panels to allow panning. This behavior can be used in tandem with pv.Behavior.zoom to allow both panning and zooming:

    .event("mousedown", pv.Behavior.pan())
    .event("mousewheel", pv.Behavior.zoom())

The pan behavior currently supports only mouse events; support for keyboard shortcuts to improve accessibility may be added in the future.

After the initial mousedown event is triggered, this behavior listens for mousemove and mouseup events on the window. This allows panning to continue even if the mouse temporarily leaves the panel that is being panned, or even the root panel.

The implementation of this behavior relies on the panel's transform property, which specifies a matrix transformation that is applied to child marks. Note that the transform property only affects the panel's children, but not the panel itself; therefore the panel's fill and stroke will not change when the contents are panned.

Panels have transparent fill styles by default; this means that panels may not receive the initial mousedown event to start panning. To fix this problem, either given the panel a visible fill style (such as "white"), or set the events property to "all" such that the panel receives events despite its transparent fill.

The pan behavior has optional support for bounding. If enabled, the user will not be able to pan the panel outside of the initial bounds. This feature is designed to work in conjunction with the zoom behavior; otherwise, bounding the panel effectively disables all panning.
Defined in: Pan.js.

Class Summary

Constructor Attributes	Constructor Name and Description
	pv.Behavior.pan() Returns a new pan behavior to be registered on mousedown events.

Method Summary

Method Attributes	Method Name and Description
	bound(x) Sets or gets the bound parameter.

Parameters:

{boolean} x Optional

the new bound parameter.

Returns:

{pv.Behavior.pan} this, or the current bound parameter.

---