Methods

refresh()

Method to reload treemap with updated values.

  • html
  • <div id="treeMap">
        <ej-treemap></ej-treemap>
    </div>
  • js
  • var tree = $("#treeMap").data("ejTreeMap");
    tree.refresh();

    Events

    treeMapItemSelected

    Triggers on treemap item selected.

  • html
  • <div ng-controller="angularTreeMap">
        <div id="container" style="width: 100%" e-treeMapItemSelected="onTreeMapItemSelected"></div>
    </div>
  • js
  • angular.controller('angularTreeMap', function ($scope) {    
        $scope.onTreeMapItemSelected = "TreeMapItemSelected";    
    });
     
    function TreeMapItemSelected(){
        // Do Something
    }

    drillStarted

    Triggers when drilldown is started

  • html
  • <div ng-controller="angularTreeMap">
        <div id="container" style="width: 100%" e-drillStarted="onDrillStarted"></div>
    </div>
  • js
  • angular.controller('angularTreeMap', function ($scope) {    
        $scope.onDrillStarted = "DrillStarted";    
    });
     
    DrillStarted(sender) {
    
      // do something 
    
      }

    drillDownItemSelected

    Triggers on treemap drilldown item selected.

  • html
  • <div ng-controller="angularTreeMap">
        <div id="container" style="width: 100%" e-DrillDownItemSelected="onDrillDownItemSelected"></div>
    </div>
  • js
  • angular.controller('angularTreeMap', function ($scope) {    
        $scope.onDrillDownItemSelected = "DrillDownItemSelected";    
    });
     
    DrillDownItemSelected(sender) {
    
      // do something 
    
      }

    headerTemplateRendering

    Triggers before rendering the treemap drilldown header template

  • html
  • <div ng-controller="angularTreeMap">
        <div id="container" style="width: 100%" e-headerTemplateRendering="onHeaderTemplateRendering"></div>
    </div>
  • js
  • angular.controller('angularTreeMap', function ($scope) {    
        $scope.onHeaderTemplateRendering = "HeaderTemplateRendering";    
    });
     
    HeaderTemplateRendering(sender) {
    
      // do something 
    
      }

    refreshed

    Triggers after refreshing the treemap items.

  • html
  • <div ng-controller="angularTreeMap">
        <div id="container" style="width: 100%" e-refreshed="onRefreshed"></div>
    </div>
  • js
  • angular.controller('angularTreeMap', function ($scope) {    
        $scope.onRefreshed = "Refreshed";    
    });
     
    Refreshed(sender) {
    
      // do something 
    
      }

    treeMapGroupSelected

    Triggers when the group selection is performed on treemap items.

  • js
  • <div ng-controller="angularTreeMap">
        <div id="container" style="width: 100%" e-treeMapGroupSelected="onTreeMapGroupSelected"></div>
    </div>
  • js
  • angular.controller('angularTreeMap', function ($scope) {    
        $scope.onTreeMapGroupSelected = "TreeMapGroupSelected";    
    });
     
    TreeMapGroupSelected(sender) {
    
      // do something 
    
      }