Example of undefined in Javascript Diagram Control

/
/
Zooming and Panning

This sample illustrates how to zoom and pan in the diagram.

More Details...

Maria AndersManaging DirectorAna TrujilloProject ManagerAnto MorenoProject LeadThomas HardySenior S/w EnggChristina kaffS/w EnggHanna MoosProject TraineePeter CiteauxS/w EnggMartín KlossProject TraineeElizabeth MaryProject TraineeVictoria AshSenior S/w EnggFrancisco YangSenior S/w EnggYang WangProject ManagerLino RodriProject ManagerJanine LabruneProject LeadHoward SnyderProject LeadPhilip CramerSenior S/w EnggElizabeth RoelS/w EnggPedro AfonsoProject TraineeNardo BatistaProject LeadGeorg PippsSenior S/w EnggLúcia CarvalhoSenior S/w EnggHorst KlossProject TraineeSergio roelCSRPaula WilsonCSRMauri MoroniSenior S/w EnggJanete LimeiraProject TraineeMichael HolzS/w EnggCarine SchmittProject ManagerAnn DevonProject ManagerRoland MendelProject LeadAria CruzSenior S/w EnggMaria LarssonProject TraineeDiego RoelProject TraineePeter FrankenProject TraineeMartine RancéS/w EnggHelen BennettProject LeadPaolo AccortiProject LeadEduardo RoelSenior S/w EnggJosé Pedro Senior S/w EnggAndré FonsecaSenior S/w EnggHoward SnydS/w EnggManu PereiraProject TraineeMario PontesS/w EnggCarlos SchmittProject TraineeYoshi LatimerProject TraineePatricia KennaProject TraineeArt NancySenior S/w EnggDaniel ToniniProject ManagerAnnette RoelProject LeadYoshi WilsonSenior S/w EnggRene PhillipsS/w EnggYvonne WongProject TraineeYoshi KennaProject TraineeHelen MarieProject TraineeJoseph KaffProject TraineeJohn SteelProject LeadRenate JoseSenior S/w EnggJaime YorresSRCarlos NagySRFelipe KlossS/w EnggFran WilsonSRJohn RovelliS/w EnggCatherine KaffSRJean FresnièreProject TraineeAlex FeuerProject TraineeSimon RoelProject TraineeAlej CaminoProject ManagerJonas BergsenProject LeadMiguel AngelSenior S/w EnggJose PavarottiProject TraineeJytte PetersenSenior S/w EnggLiz NixonSenior S/w EnggPascal CartrainProject LeadKloss PerrierProject LeadLiu WongProject ManagerKarin JosephsProject LeadRuby Anabela Senior S/w EnggPalle IbsenSenior S/w EnggPirkko KingSenior S/w EnggHelvetis NagyProject TraineeMary SaveleySRPaul HenriotSRRita MüllerSRPaula ParenteSenior S/w EnggKarl JablonskiS/w EnggMatti KennaProject TraineeRobert KingSenior S/w EnggLaura CallahanCSRIsabel CastroProject TraineeRene PhillipsProject TraineeLúcia CarvalhoProject TraineeHorst KlossProject TraineeSimon RoelProject LeadNardo BatistaProject TraineeZbyszek YangProject TraineeAnneCSRNancyProject LeadGeorg PippsSenior S/w Engg
Description

This example explains zooming, panning, reset, fit to page, bring into view, and bring to center. The fitToPage method adjusts the zoom level of a diagram so that all its content is visible within the viewport. The bringIntoView method brings the specified rectangular or bounds region into the diagram viewport. The bringToCenter method brings the specified rectangular region of the diagram content to the center of the viewport. You can zoom in and out using the zoom method, and reset the zoom and scroller offsets to default values using the reset zoom method. In this sample, use pan, reset, zoomIn, and ZoomOut options to pan, reset the zoom and zoomin/out the diagram.