Model

The Diagram model represents the data to render the Diagram and to manipulate the Diagram elements. The following code illustrates how to define Diagram model.

html

//Creates diagram

<div ng-controller="diagramCtrl">
    <div>
        <ej-diagram id="diagram" e-width="100%" e-height="600px" e-pagesettings-pageWidth="pageSettings.pageWidth" 
        e-pagesettings-pageHeight="pageSettings.pageHeight">
        </ej-diagram>
    </div>
</div>

javascript

syncApp.controller('diagramCtrl', function($scope) {
      $scope.pageSettings = {
          pageWidth: 2000,
          pageHeight: 2000,
      };
  });