gojs
Version:
Interactive diagrams, charts, and graphs, such as trees, flowcharts, orgcharts, UML, BPMN, or business diagrams
81 lines (79 loc) • 47.7 kB
HTML
<html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Overview | GoJS API</title><meta name="description" content="Documentation for GoJS API"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../../assets/css/style.css"/><link rel="stylesheet" href="../assets/style-tsd.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><nav id="navTop" class="w-full z-30 top-0 text-white bg-nwoods-primary"><div class="w-full container max-w-screen-lg mx-auto flex flex-wrap sm:flex-nowrap items-center justify-between mt-0 py-2"><div class="md:pl-4"><a class="text-white hover:text-white no-underline hover:no-underline\n font-bold text-2xl lg:text-4xl rounded-lg hover:bg-nwoods-secondary" href="../../index.html"><h1 class="my-0 p-1 leading-none">GoJS</h1></a></div><button id="topnavButton" class="rounded-lg sm:hidden focus:outline-none focus:ring" aria-label="Navigation"><svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6"><path id="topnavOpen" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"></path><path id="topnavClosed" class="hidden" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button><div id="topnavList" class="hidden sm:block items-center w-auto mt-0 text-white p-0 z-20"><ul class="list-reset list-none font-semibold flex justify-end flex-wrap sm:flex-nowrap items-center px-0 pb-0"><li class="p-1 sm:p-0"><a class="topnav-link" href="../../learn/index.html">Learn</a></li><li class="p-1 sm:p-0"><a class="topnav-link" href="../../samples/index.html">Samples</a></li><li class="p-1 sm:p-0"><a class="topnav-link" href="../../intro/index.html">Intro</a></li><li class="p-1 sm:p-0"><a class="topnav-link" href="../../api/index.html">API</a></li><li class="p-1 sm:p-0"><a class="topnav-link" href="https://www.nwoods.com/products/register.html">Register</a></li><li class="p-1 sm:p-0"><a class="topnav-link" href="../../download.html">Download</a></li><li class="p-1 sm:p-0"><a class="topnav-link" href="https://forum.nwoods.com/c/gojs/11">Forum</a></li><li class="p-1 sm:p-0"><a class="topnav-link" href="https://www.nwoods.com/contact.html" target="_blank" rel="noopener" id="contactBtn">Contact</a></li><li class="p-1 sm:p-0"><a class="topnav-link" href="https://www.nwoods.com/sales/index.html" target="_blank" rel="noopener" id="buyBtn">Buy</a></li></ul></div></div><hr class="border-b border-gray-600 opacity-50 my-0 py-0"/></nav><div class="tsd-page-header"><div class="tsd-page-toolbar"><div class="w-full max-w-screen-xl mx-auto px-2"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">GoJS API</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited"/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div></div><div class="tsd-page-title"><div class="w-full max-w-screen-xl mx-auto px-2"><div class="top-copyright"><b>GoJS</b>® Diagramming Components<br/>version 2.3.8<br/>by <a href="https://www.nwoods.com/">Northwoods Software®</a></div><div><h1>Class Overview </h1></div></div></div></header><div class="tsd w-full max-w-screen-xl mx-auto pb-4"><div class="row px-2 w-full"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="Diagram.html" class="tsd-signature-type" data-tsd-kind="Class">Diagram</a><ul class="tsd-hierarchy"><li><span class="target">Overview</span></li></ul></li></ul></section><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography">
<p>An Overview is a <a href="Diagram.html">Diagram</a> that displays all of a different diagram,
with a rectangular box showing the viewport displayed by that other diagram.</p>
<p class="box">
For more discussion, see <a href="../../intro/overview.html">Introduction to Overviews</a>.
See samples that make use of Overviews in the <a href="../../samples/index.html#overview">samples index</a>.<div><p>All you need to do is set <a href="Overview.html#observed">Overview.observed</a>.
For example:</p>
<pre><code class="language-js"><span class="hl-2"> </span><span class="hl-1">var</span><span class="hl-2"> </span><span class="hl-4">myDiagram</span><span class="hl-2"> = </span><span class="hl-1">new</span><span class="hl-2"> </span><span class="hl-4">go</span><span class="hl-2">.</span><span class="hl-5">Diagram</span><span class="hl-2">(</span><span class="hl-6">"myDiagramDIV"</span><span class="hl-2">);</span><br/><span class="hl-2"> . . . </span><span class="hl-4">other</span><span class="hl-2"> </span><span class="hl-4">initialization</span><span class="hl-2"> . . .</span><br/><br/><span class="hl-2"> </span><span class="hl-0">// create and initialize the Overview:</span><br/><span class="hl-2"> </span><span class="hl-1">new</span><span class="hl-2"> </span><span class="hl-4">go</span><span class="hl-2">.</span><span class="hl-5">Overview</span><span class="hl-2">(</span><span class="hl-6">"myOverviewDIV"</span><span class="hl-2">).</span><span class="hl-4">observed</span><span class="hl-2"> = </span><span class="hl-4">myDiagram</span><span class="hl-2">;</span>
</code></pre>
<p>The Overview draws what the observed Diagram is displaying,
so setting or modifying any diagram templates or template Maps has no effect.</p>
<p>Animations are not shown in an Overview.</p>
<p>At the current time methods such as <a href="Diagram.html#makeImage">Diagram.makeImage</a>,
<a href="Diagram.html#makeImageData">Diagram.makeImageData</a> and <a href="Diagram.html#makeSvg">Diagram.makeSvg</a> do not work on Overviews.</p>
</div></div></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Constructors</h3><ul class="tsd-index-list"><li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><a href="Overview.html#constructor" class="tsd-kind-icon">constructor</a></li></ul></section><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Overview.html#box" class="tsd-kind-icon">box</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Overview.html#drawsGrid" class="tsd-kind-icon">draws<wbr/>Grid</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Overview.html#drawsTemporaryLayers" class="tsd-kind-icon">draws<wbr/>Temporary<wbr/>Layers</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Overview.html#observed" class="tsd-kind-icon">observed</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Overview.html#updateDelay" class="tsd-kind-icon">update<wbr/>Delay</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-index-group tsd-is-inherited"><h2>Inherited Members</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section undefined"><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#allowClipboard" class="tsd-kind-icon">Diagram.allow<wbr/>Clipboard</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#allowCopy" class="tsd-kind-icon">Diagram.allow<wbr/>Copy</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#allowDelete" class="tsd-kind-icon">Diagram.allow<wbr/>Delete</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#allowDragOut" class="tsd-kind-icon">Diagram.allow<wbr/>Drag<wbr/>Out</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#allowDrop" class="tsd-kind-icon">Diagram.allow<wbr/>Drop</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#allowGroup" class="tsd-kind-icon">Diagram.allow<wbr/>Group</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#allowHorizontalScroll" class="tsd-kind-icon">Diagram.allow<wbr/>Horizontal<wbr/>Scroll</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#allowInsert" class="tsd-kind-icon">Diagram.allow<wbr/>Insert</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#allowLink" class="tsd-kind-icon">Diagram.allow<wbr/>Link</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#allowMove" class="tsd-kind-icon">Diagram.allow<wbr/>Move</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#allowRelink" class="tsd-kind-icon">Diagram.allow<wbr/>Relink</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#allowReshape" class="tsd-kind-icon">Diagram.allow<wbr/>Reshape</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#allowResize" class="tsd-kind-icon">Diagram.allow<wbr/>Resize</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#allowRotate" class="tsd-kind-icon">Diagram.allow<wbr/>Rotate</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#allowSelect" class="tsd-kind-icon">Diagram.allow<wbr/>Select</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#allowTextEdit" class="tsd-kind-icon">Diagram.allow<wbr/>Text<wbr/>Edit</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#allowUndo" class="tsd-kind-icon">Diagram.allow<wbr/>Undo</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#allowUngroup" class="tsd-kind-icon">Diagram.allow<wbr/>Ungroup</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#allowVerticalScroll" class="tsd-kind-icon">Diagram.allow<wbr/>Vertical<wbr/>Scroll</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#allowZoom" class="tsd-kind-icon">Diagram.allow<wbr/>Zoom</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Diagram.html#animationManager" class="tsd-kind-icon">Diagram.animation<wbr/>Manager</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#autoScale" class="tsd-kind-icon">Diagram.auto<wbr/>Scale</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#autoScrollInterval" class="tsd-kind-icon">Diagram.auto<wbr/>Scroll<wbr/>Interval</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#autoScrollRegion" class="tsd-kind-icon">Diagram.auto<wbr/>Scroll<wbr/>Region</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#click" class="tsd-kind-icon">Diagram.click</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#commandHandler" class="tsd-kind-icon">Diagram.command<wbr/>Handler</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#contentAlignment" class="tsd-kind-icon">Diagram.content<wbr/>Alignment</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#contextClick" class="tsd-kind-icon">Diagram.context<wbr/>Click</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#contextMenu" class="tsd-kind-icon">Diagram.context<wbr/>Menu</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#currentCursor" class="tsd-kind-icon">Diagram.current<wbr/>Cursor</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#currentTool" class="tsd-kind-icon">Diagram.current<wbr/>Tool</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#defaultCursor" class="tsd-kind-icon">Diagram.default<wbr/>Cursor</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#defaultScale" class="tsd-kind-icon">Diagram.default<wbr/>Scale</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#defaultTool" class="tsd-kind-icon">Diagram.default<wbr/>Tool</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#div" class="tsd-kind-icon">Diagram.div</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Diagram.html#documentBounds" class="tsd-kind-icon">Diagram.document<wbr/>Bounds</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#doubleClick" class="tsd-kind-icon">Diagram.double<wbr/>Click</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#firstInput" class="tsd-kind-icon">Diagram.first<wbr/>Input</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#fixedBounds" class="tsd-kind-icon">Diagram.fixed<wbr/>Bounds</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#grid" class="tsd-kind-icon">Diagram.grid</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#groupSelectionAdornmentTemplate" class="tsd-kind-icon">Diagram.group<wbr/>Selection<wbr/>Adornment<wbr/>Template</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#groupTemplate" class="tsd-kind-icon">Diagram.group<wbr/>Template</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#groupTemplateMap" class="tsd-kind-icon">Diagram.group<wbr/>Template<wbr/>Map</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#handlesDragDropForTopLevelParts" class="tsd-kind-icon">Diagram.handles<wbr/>Drag<wbr/>Drop<wbr/>For<wbr/>Top<wbr/>Level<wbr/>Parts</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#hasHorizontalScrollbar" class="tsd-kind-icon">Diagram.has<wbr/>Horizontal<wbr/>Scrollbar</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#hasVerticalScrollbar" class="tsd-kind-icon">Diagram.has<wbr/>Vertical<wbr/>Scrollbar</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Diagram.html#highlighteds" class="tsd-kind-icon">Diagram.highlighteds</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#initialAutoScale" class="tsd-kind-icon">Diagram.initial<wbr/>Auto<wbr/>Scale</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#initialContentAlignment" class="tsd-kind-icon">Diagram.initial<wbr/>Content<wbr/>Alignment</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#initialDocumentSpot" class="tsd-kind-icon">Diagram.initial<wbr/>Document<wbr/>Spot</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#initialPosition" class="tsd-kind-icon">Diagram.initial<wbr/>Position</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#initialScale" class="tsd-kind-icon">Diagram.initial<wbr/>Scale</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#initialViewportSpot" class="tsd-kind-icon">Diagram.initial<wbr/>Viewport<wbr/>Spot</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#isEnabled" class="tsd-kind-icon">Diagram.is<wbr/>Enabled</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#isModelReadOnly" class="tsd-kind-icon">Diagram.is<wbr/>Model<wbr/>Read<wbr/>Only</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#isModified" class="tsd-kind-icon">Diagram.is<wbr/>Modified</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#isMouseCaptured" class="tsd-kind-icon">Diagram.is<wbr/>Mouse<wbr/>Captured</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#isReadOnly" class="tsd-kind-icon">Diagram.is<wbr/>Read<wbr/>Only</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#isTreePathToChildren" class="tsd-kind-icon">Diagram.is<wbr/>Tree<wbr/>Path<wbr/>To<wbr/>Children</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#lastInput" class="tsd-kind-icon">Diagram.last<wbr/>Input</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Diagram.html#layers" class="tsd-kind-icon">Diagram.layers</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#layout" class="tsd-kind-icon">Diagram.layout</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#linkSelectionAdornmentTemplate" class="tsd-kind-icon">Diagram.link<wbr/>Selection<wbr/>Adornment<wbr/>Template</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#linkTemplate" class="tsd-kind-icon">Diagram.link<wbr/>Template</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#linkTemplateMap" class="tsd-kind-icon">Diagram.link<wbr/>Template<wbr/>Map</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Diagram.html#links" class="tsd-kind-icon">Diagram.links</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#maxScale" class="tsd-kind-icon">Diagram.max<wbr/>Scale</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#maxSelectionCount" class="tsd-kind-icon">Diagram.max<wbr/>Selection<wbr/>Count</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#minScale" class="tsd-kind-icon">Diagram.min<wbr/>Scale</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#model" class="tsd-kind-icon">Diagram.model</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#mouseDragOver" class="tsd-kind-icon">Diagram.mouse<wbr/>Drag<wbr/>Over</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#mouseDrop" class="tsd-kind-icon">Diagram.mouse<wbr/>Drop</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#mouseEnter" class="tsd-kind-icon">Diagram.mouse<wbr/>Enter</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#mouseHold" class="tsd-kind-icon">Diagram.mouse<wbr/>Hold</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#mouseHover" class="tsd-kind-icon">Diagram.mouse<wbr/>Hover</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#mouseLeave" class="tsd-kind-icon">Diagram.mouse<wbr/>Leave</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#mouseOver" class="tsd-kind-icon">Diagram.mouse<wbr/>Over</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#nodeSelectionAdornmentTemplate" class="tsd-kind-icon">Diagram.node<wbr/>Selection<wbr/>Adornment<wbr/>Template</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#nodeTemplate" class="tsd-kind-icon">Diagram.node<wbr/>Template</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#nodeTemplateMap" class="tsd-kind-icon">Diagram.node<wbr/>Template<wbr/>Map</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Diagram.html#nodes" class="tsd-kind-icon">Diagram.nodes</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#opacity" class="tsd-kind-icon">Diagram.opacity</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#padding" class="tsd-kind-icon">Diagram.padding</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Diagram.html#parts" class="tsd-kind-icon">Diagram.parts</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#position" class="tsd-kind-icon">Diagram.position</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#positionComputation" class="tsd-kind-icon">Diagram.position<wbr/>Computation</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#renderer" class="tsd-kind-icon">Diagram.renderer</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#scale" class="tsd-kind-icon">Diagram.scale</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#scaleComputation" class="tsd-kind-icon">Diagram.scale<wbr/>Computation</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#scrollHorizontalLineChange" class="tsd-kind-icon">Diagram.scroll<wbr/>Horizontal<wbr/>Line<wbr/>Change</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#scrollMargin" class="tsd-kind-icon">Diagram.scroll<wbr/>Margin</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#scrollMode" class="tsd-kind-icon">Diagram.scroll<wbr/>Mode</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#scrollVerticalLineChange" class="tsd-kind-icon">Diagram.scroll<wbr/>Vertical<wbr/>Line<wbr/>Change</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#scrollsPageOnFocus" class="tsd-kind-icon">Diagram.scrolls<wbr/>Page<wbr/>On<wbr/>Focus</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Diagram.html#selection" class="tsd-kind-icon">Diagram.selection</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#skipsUndoManager" class="tsd-kind-icon">Diagram.skips<wbr/>Undo<wbr/>Manager</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#toolManager" class="tsd-kind-icon">Diagram.tool<wbr/>Manager</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#toolTip" class="tsd-kind-icon">Diagram.tool<wbr/>Tip</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Diagram.html#undoManager" class="tsd-kind-icon">Diagram.undo<wbr/>Manager</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#validCycle" class="tsd-kind-icon">Diagram.valid<wbr/>Cycle</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#viewSize" class="tsd-kind-icon">Diagram.view<wbr/>Size</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Diagram.html#viewportBounds" class="tsd-kind-icon">Diagram.viewport<wbr/>Bounds</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Diagram.html#zoomPoint" class="tsd-kind-icon">Diagram.zoom<wbr/>Point</a></li></ul></section><section class="tsd-index-section undefined"><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#add" class="tsd-kind-icon">Diagram.add</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#addChangedListener" class="tsd-kind-icon">Diagram.add<wbr/>Changed<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#addDiagramListener" class="tsd-kind-icon">Diagram.add<wbr/>Diagram<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#addLayer" class="tsd-kind-icon">Diagram.add<wbr/>Layer</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#addLayerAfter" class="tsd-kind-icon">Diagram.add<wbr/>Layer<wbr/>After</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#addLayerBefore" class="tsd-kind-icon">Diagram.add<wbr/>Layer<wbr/>Before</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#addModelChangedListener" class="tsd-kind-icon">Diagram.add<wbr/>Model<wbr/>Changed<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#alignDocument" class="tsd-kind-icon">Diagram.align<wbr/>Document</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#attach" class="tsd-kind-icon">Diagram.attach</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#centerRect" class="tsd-kind-icon">Diagram.center<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#clear" class="tsd-kind-icon">Diagram.clear</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#clearHighlighteds" class="tsd-kind-icon">Diagram.clear<wbr/>Highlighteds</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#clearSelection" class="tsd-kind-icon">Diagram.clear<wbr/>Selection</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#commit" class="tsd-kind-icon">Diagram.commit</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#commitTransaction" class="tsd-kind-icon">Diagram.commit<wbr/>Transaction</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#computeMove" class="tsd-kind-icon">Diagram.compute<wbr/>Move</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#computePartsBounds" class="tsd-kind-icon">Diagram.compute<wbr/>Parts<wbr/>Bounds</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#copyParts" class="tsd-kind-icon">Diagram.copy<wbr/>Parts</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#delayInitialization" class="tsd-kind-icon">Diagram.delay<wbr/>Initialization</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#ensureBounds" class="tsd-kind-icon">Diagram.ensure<wbr/>Bounds</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#findLayer" class="tsd-kind-icon">Diagram.find<wbr/>Layer</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#findLinkForData" class="tsd-kind-icon">Diagram.find<wbr/>Link<wbr/>For<wbr/>Data</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#findLinkForKey" class="tsd-kind-icon">Diagram.find<wbr/>Link<wbr/>For<wbr/>Key</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#findLinksByExample" class="tsd-kind-icon">Diagram.find<wbr/>Links<wbr/>By<wbr/>Example</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#findNodeForData" class="tsd-kind-icon">Diagram.find<wbr/>Node<wbr/>For<wbr/>Data</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#findNodeForKey" class="tsd-kind-icon">Diagram.find<wbr/>Node<wbr/>For<wbr/>Key</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#findNodesByExample" class="tsd-kind-icon">Diagram.find<wbr/>Nodes<wbr/>By<wbr/>Example</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter"><a href="Diagram.html#findObjectAt" class="tsd-kind-icon">Diagram.find<wbr/>Object<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter"><a href="Diagram.html#findObjectsAt" class="tsd-kind-icon">Diagram.find<wbr/>Objects<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter"><a href="Diagram.html#findObjectsIn" class="tsd-kind-icon">Diagram.find<wbr/>Objects<wbr/>In</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter"><a href="Diagram.html#findObjectsNear" class="tsd-kind-icon">Diagram.find<wbr/>Objects<wbr/>Near</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#findPartAt" class="tsd-kind-icon">Diagram.find<wbr/>Part<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#findPartForData" class="tsd-kind-icon">Diagram.find<wbr/>Part<wbr/>For<wbr/>Data</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#findPartForKey" class="tsd-kind-icon">Diagram.find<wbr/>Part<wbr/>For<wbr/>Key</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter"><a href="Diagram.html#findPartsAt" class="tsd-kind-icon">Diagram.find<wbr/>Parts<wbr/>At</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter"><a href="Diagram.html#findPartsIn" class="tsd-kind-icon">Diagram.find<wbr/>Parts<wbr/>In</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter"><a href="Diagram.html#findPartsNear" class="tsd-kind-icon">Diagram.find<wbr/>Parts<wbr/>Near</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#findTopLevelGroups" class="tsd-kind-icon">Diagram.find<wbr/>Top<wbr/>Level<wbr/>Groups</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#findTreeRoots" class="tsd-kind-icon">Diagram.find<wbr/>Tree<wbr/>Roots</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#focus" class="tsd-kind-icon">Diagram.focus</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#highlight" class="tsd-kind-icon">Diagram.highlight</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#highlightCollection" class="tsd-kind-icon">Diagram.highlight<wbr/>Collection</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#layoutDiagram" class="tsd-kind-icon">Diagram.layout<wbr/>Diagram</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#makeImage" class="tsd-kind-icon">Diagram.make<wbr/>Image</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#makeImageData" class="tsd-kind-icon">Diagram.make<wbr/>Image<wbr/>Data</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#makeSvg" class="tsd-kind-icon">Diagram.make<wbr/>Svg</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#moveParts" class="tsd-kind-icon">Diagram.move<wbr/>Parts</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#rebuildParts" class="tsd-kind-icon">Diagram.rebuild<wbr/>Parts</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#remove" class="tsd-kind-icon">Diagram.remove</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#removeChangedListener" class="tsd-kind-icon">Diagram.remove<wbr/>Changed<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#removeDiagramListener" class="tsd-kind-icon">Diagram.remove<wbr/>Diagram<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#removeLayer" class="tsd-kind-icon">Diagram.remove<wbr/>Layer</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#removeModelChangedListener" class="tsd-kind-icon">Diagram.remove<wbr/>Model<wbr/>Changed<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#removeParts" class="tsd-kind-icon">Diagram.remove<wbr/>Parts</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#requestUpdate" class="tsd-kind-icon">Diagram.request<wbr/>Update</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#rollbackTransaction" class="tsd-kind-icon">Diagram.rollback<wbr/>Transaction</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#scroll" class="tsd-kind-icon">Diagram.scroll</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#scrollToRect" class="tsd-kind-icon">Diagram.scroll<wbr/>To<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#select" class="tsd-kind-icon">Diagram.select</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#selectCollection" class="tsd-kind-icon">Diagram.select<wbr/>Collection</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#set" class="tsd-kind-icon">Diagram.set</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#setProperties" class="tsd-kind-icon">Diagram.set<wbr/>Properties</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#startTransaction" class="tsd-kind-icon">Diagram.start<wbr/>Transaction</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#transformDocToView" class="tsd-kind-icon">Diagram.transform<wbr/>Doc<wbr/>To<wbr/>View</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#transformViewToDoc" class="tsd-kind-icon">Diagram.transform<wbr/>View<wbr/>To<wbr/>Doc</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#updateAllRelationshipsFromData" class="tsd-kind-icon">Diagram.update<wbr/>All<wbr/>Relationships<wbr/>From<wbr/>Data</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#updateAllTargetBindings" class="tsd-kind-icon">Diagram.update<wbr/>All<wbr/>Target<wbr/>Bindings</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#zoomToFit" class="tsd-kind-icon">Diagram.zoom<wbr/>To<wbr/>Fit</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Diagram.html#zoomToRect" class="tsd-kind-icon">Diagram.zoom<wbr/>To<wbr/>Rect</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Constructors</h2><section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><a id="constructor" class="tsd-anchor"></a><h3 class="tsd-anchor-link"> constructor<a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">new <wbr/>Overview<span class="tsd-signature-symbol">(</span>div<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Element</span>, init<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol"><</span><a href="Overview.html" class="tsd-signature-type" data-tsd-kind="Class">Overview</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="Overview.html" class="tsd-signature-type" data-tsd-kind="Class">Overview</a></li><li class="tsd-signature tsd-kind-icon">new <wbr/>Overview<span class="tsd-signature-symbol">(</span>init<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol"><</span><a href="Overview.html" class="tsd-signature-type" data-tsd-kind="Class">Overview</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="Overview.html" class="tsd-signature-type" data-tsd-kind="Class">Overview</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> div: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Element</span></h5><div class="tsd-comment tsd-typography">
<p>A reference to a DIV HTML element or its ID as a string.
If no DIV is supplied, an Overview will be created in memory. The Overviews's <a href="Diagram.html#div">Diagram.div</a> property
can then be set later on.</p>
</div></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> init: <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol"><</span><a href="Overview.html" class="tsd-signature-type" data-tsd-kind="Class">Overview</a><span class="tsd-signature-symbol">></span></h5><div class="tsd-comment tsd-typography">
<p>Optional initialization properties.</p>
</div></li></ul><h4 class="tsd-returns-title">Returns <a href="Overview.html" class="tsd-signature-type" data-tsd-kind="Class">Overview</a></h4></li><li class="tsd-description"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> init: <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol"><</span><a href="Overview.html" class="tsd-signature-type" data-tsd-kind="Class">Overview</a><span class="tsd-signature-symbol">></span></h5><div class="tsd-comment tsd-typography">
<p>Optional initialization properties.</p>
</div></li></ul><h4 class="tsd-returns-title">Returns <a href="Overview.html" class="tsd-signature-type" data-tsd-kind="Class">Overview</a></h4></li></ul></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="box" class="tsd-anchor"></a><h3 class="tsd-anchor-link"> box<span class="tsd-signature-symbol">: </span><a href="Part.html" class="tsd-signature-type" data-tsd-kind="Class">Part</a><a href="#box" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography">
<p>Gets or sets the rectangular <a href="Part.html">Part</a> that represents the
viewport of the <a href="Overview.html#observed">observed</a> <a href="Diagram.html">Diagram</a>.
By default the part contains only a magenta <a href="Shape.html">Shape</a>.
The box's <a href="Part.html#selectionObject">Part.selectionObject</a> is what is resized by the Overview to the apparent size of the observed diagram's viewport.</p>
</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="drawsGrid" class="tsd-anchor"></a><h3 class="tsd-anchor-link"> draws<wbr/>Grid<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><a href="#drawsGrid" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography">
<p>Gets or sets whether this overview draws the <a href="Diagram.html#grid">Diagram.grid</a> of the observed Diagram,
if it is visible. The default value is true.</p>
<div><p>This property is only considered when <a href="Overview.html#drawsTemporaryLayers">drawsTemporaryLayers</a> is true.
Setting this to false may help improve drawing performance.</p>
<p>Setting this property does not notify about any changed event.</p>
</div><dl class="tsd-comment-tags"><dt class="">since</dt><dd><p>2.2</p>
</dd></dl></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="drawsTemporaryLayers" class="tsd-anchor"></a><h3 class="tsd-anchor-link"> draws<wbr/>Temporary<wbr/>Layers<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><a href="#drawsTemporaryLayers" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography">
<p>Gets or sets whether this overview draws the temporary layers of the observed Diagram.
The default value is true.
Setting this property to false may improve drawing performance,
especially if the <a href="Diagram.html#grid">Diagram.grid</a> is visible.</p>
<div><p>Setting this property does not notify about any changed event.</p>
</div><dl class="tsd-comment-tags"><dt class="">since</dt><dd><p>1.2</p>
</dd></dl></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="observed" class="tsd-anchor"></a><h3 class="tsd-anchor-link"> observed<span class="tsd-signature-symbol">: </span><a href="Diagram.html" class="tsd-signature-type" data-tsd-kind="Class">Diagram</a><a href="#observed" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography">
<p>Gets or sets the <a href="Diagram.html">Diagram</a> for which this Overview is
displaying a model and showing its viewport into that model.</p>
<div><p>The value must be null or another Diagram, but may not be an Overview.</p>
</div></div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="updateDelay" class="tsd-anchor"></a><h3 class="tsd-anchor-link"> update<wbr/>Delay<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><a href="#updateDelay" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-descriptions"><li class="tsd-description"><div class="tsd-comment tsd-typography">
<p>Gets or sets how long it waits before updating, in milliseconds.
The default value is zero.
Any new value must be a non-negative number.</p>
<div><p>Setting this property does not notify about any changed event.</p>
</div><dl class="tsd-comment-tags"><dt class="">since</dt><dd><p>2.2</p>
</dd></dl></div></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../index.html">GoJS Class Index</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-class"><a href="Overview.html" class="tsd-kind-icon">Overview</a><ul><li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><a href="Overview.html#constructor" class="tsd-kind-icon">constructor</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Overview.html#box" class="tsd-kind-icon">box</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Overview.html#drawsGrid" class="tsd-kind-icon">draws<wbr/>Grid</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Overview.html#drawsTemporaryLayers" class="tsd-kind-icon">draws<wbr/>Temporary<wbr/>Layers</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Overview.html#observed" class="tsd-kind-icon">observed</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Overview.html#updateDelay" class="tsd-kind-icon">update<wbr/>Delay</a></li></ul></li></ul></nav></div></div></div><div class="tsd w-full max-w-screen-xl mx-auto px-2"><div class="bottom-copyright">Copyright © 1998-2022 by Northwoods Software Corporation.</div></div><footer class=""><div class="tsd w-full max-w-screen-xl mx-auto px-2"><h2>Settings</h2><p class="mb-4">Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="overlay"></div><script src="../assets/main.js"></script><script async src="https://www.googletagmanager.com/gtag/js?id=UA-1506307-5"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date()); gtag('config', 'UA-1506307-5');
var getOutboundLink = function(url, label) {
gtag('event', 'click', {
'event_category': 'outbound',
'event_label': label,
'transport_type': 'beacon'
});
}
// topnav
var topButton = document.getElementById("topnavButton");
var topnavList = document.getElementById("topnavList");
topButton.addEventListener("click", function() {
this.classList.toggle("active");
topnavList.classList.toggle("hidden");
document.getElementById("topnavOpen").classList.toggle("hidden");
document.getElementById("topnavClosed").classList.toggle("hidden");
});
document.getElementById("contactBtn").addEventListener("click", function() {
getOutboundLink('https://www.nwoods.com/contact.html', 'contact');
});
document.getElementById("buyBtn").addEventListener("click", function() {
getOutboundLink('https://www.nwoods.com/sales/index.html', 'buy');
});
</script></body></html>