Class Overview

Show Details Show Summaries

Extends Diagram. An Overview is a Diagram that displays all of a different diagram, with a rectangular box showing the viewport displayed by that other diagram.

For more discussion, see Introduction to Overviews. See samples that make use of Overviews in the samples index.

All you need to do is set Overview.observed. For example:

  var myDiagram = new go.Diagram("myDiagramDIV");
  . . . other initialization . . .

  // create and initialize the Overview:
  new go.Overview("myOverviewDIV").observed = myDiagram;

The Overview draws what the observed Diagram is displaying, so setting or modifying any diagram templates or template Maps has no effect. At the current time methods such as Diagram.makeImage, Diagram.makeImageData and Diagram.makeSvg do not work on Overviews.

Constructor Summary Details

Properties Summary Details

Properties borrowed from class Diagram:

allowClipboard, allowCopy, allowDelete, allowDragOut, allowDrop, allowGroup, allowHorizontalScroll, allowInsert, allowLink, allowMove, allowRelink, allowReshape, allowResize, allowRotate, allowSelect, allowTextEdit, allowUndo, allowUngroup, allowVerticalScroll, allowZoom, animationManager, autoScale, autoScrollRegion, click, commandHandler, contentAlignment, contextClick, contextMenu, currentCursor, currentTool, CycleAll, CycleDestinationTree, CycleNotDirected, CycleNotUndirected, CycleSourceTree, defaultCursor, defaultTool, div, documentBounds, DocumentScroll, doubleClick, firstInput, fixedBounds, grid, groupSelectionAdornmentTemplate, groupTemplate, groupTemplateMap, hasHorizontalScrollbar, hasVerticalScrollbar, highlighteds, InfiniteScroll, initialAutoScale, initialContentAlignment, initialDocumentSpot, initialPosition, initialScale, initialViewportSpot, isEnabled, isModelReadOnly, isModified, isMouseCaptured, isReadOnly, isTreePathToChildren, lastInput, layers, layout, links, linkSelectionAdornmentTemplate, linkTemplate, linkTemplateMap, maxScale, maxSelectionCount, minScale, model, mouseDown, mouseDragOver, mouseDrop, mouseHold, mouseHover, mouseMove, mouseOut, mouseOver, mouseUp, mouseWheel, nodes, nodeSelectionAdornmentTemplate, nodeTemplate, nodeTemplateMap, None, padding, parts, pointerDown, pointerLeave, pointerMove, position, positionComputation, preventDefault, redrawLater, scale, scaleComputation, scrollHorizontalLineChange, scrollMargin, scrollMode, scrollVerticalLineChange, selection, skipsUndoManager, toolManager, toolTip, touchEnd, touchMove, touchStart, undoManager, Uniform, UniformToFill, validCycle, viewportBounds, windowResize, zoomPoint

Methods borrowed from class Diagram:

add, addChangedListener, addDiagramListener, addLayer, addLayerAfter, addLayerBefore, addModelChangedListener, alignDocument, centerRect, clear, clearHighlighteds, clearSelection, commitTransaction, computeBounds, computePartsBounds, copyParts, delayInitialization, findLayer, findLinkForData, findLinksByExample, findNodeForData, findNodeForKey, findNodesByExample, findObjectAt, findObjectsAt, findObjectsIn, findObjectsNear, findPartAt, findPartForData, findPartForKey, findTopLevelGroups, findTreeRoots, focus, highlight, highlightCollection, layoutDiagram, makeImage, makeImageData, makeSvg, moveParts, rebuildParts, remove, removeChangedListener, removeDiagramListener, removeLayer, removeModelChangedListener, removeParts, requestUpdate, rollbackTransaction, scroll, scrollToRect, select, selectCollection, setProperties, startTransaction, transformDocToView, transformViewToDoc, updateAllRelationshipsFromData, updateAllTargetBindings, zoomToFit, zoomToRect