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 

  }