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,
          };
      });