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>