Methods

refresh()

Method to reload treemap with updated values.

HTML

<ej-tree-map id="TreeMap">
</ej-tree-map>

var tree = $("#TreeMap").data("ejTreeMap");
tree.refresh();

Events

treeMapItemSelected

Triggers on treemap item selected.

HTML

<ej-tree-map id="TreeMap" tree-map-item-selected="TreeMapItemSelected">
</ej-tree-map>

<script type="text/javascript">
    function TreeMapItemSelected(args) {
        // Do Something
    }
</script>

drillStarted

Triggers when drilldown is started

HTML

<ej-tree-map id="TreeMap" drill-started="DrillStarted">
</ej-tree-map>

<script type="text/javascript">
    function DrillStarted(args) {
        // Do Something
    }
</script>

drillDownItemSelected

Triggers on treemap drilldown item selected.

HTML

<ej-tree-map id="TreeMap" drill-down-item-selected="DrillDownItemSelected">
</ej-tree-map>

<script type="text/javascript">
    function DrillDownItemSelected(args) {
        // Do Something
    }
</script>

headerTemplateRendering

Triggers before rendering the treemap drilldown header template

HTML

<ej-tree-map id="TreeMap" header-template-rendering="HeaderTemplateRendering">
</ej-tree-map>

<script type="text/javascript">
    function HeaderTemplateRendering(args) {
        // Do Something
    }
</script>

refreshed

Triggers after refreshing the treemap items.

HTML

<ej-tree-map id="TreeMap" refreshed="Refreshed">
</ej-tree-map>

<script type="text/javascript">
    function Refreshed(args) {
        // Do Something
    }
</script>

treeMapGroupSelected

Triggers when the group selection is performed on treemap items.

HTML

<ej-tree-map id="TreeMap" tree-map-group-selected="TreeMapGroupSelected">
</ej-tree-map>

<script type="text/javascript">
    function TreeMapGroupSelected(args) {
        // Do Something
    }
</script>