Methods

refresh()

Method to reload treemap with updated values.

  • html
  • <div id="treeMap"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.TreeMap($("#treeMap"),{
            //..//   
            });
     
         sample.refresh(); 
        });
    });
    }

    Events

    treeMapItemSelected

    Triggers on treemap item selected.

  • javascript
  • <script>
    
    //treeMapItemSelected event for tree map
      $(function () {
            var sample = new ej.datavisualization.TreeMap($("#treeMap"), {
                  treeMapItemSelected: function () {
                     //..//
                    }
                });
            });
           
    </script>

    drillStarted

    Triggers when drilldown is started

  • javascript
  • <script>
    
    //drillStarted event for tree map
      $(function () {
            var sample = new ej.datavisualization.TreeMap($("#treeMap"), {
                  drillStarted: function () {
                     //..//
                    }
                });
            });
           
    </script>

    drillDownItemSelected

    Triggers on treemap drilldown item selected.

  • javascript
  • <script>
    
    //drillDownItemSelected event for tree map
      $(function () {
            var sample = new ej.datavisualization.TreeMap($("#treeMap"), {
                  drillDownItemSelected: function () {
                     //..//
                    }
                });
            });
           
    </script>

    headerTemplateRendering

    Triggers before rendering the treemap drilldown header template

  • javascript
  • <script>
    
    //headerTemplateRendering event for tree map
      $(function () {
            var sample = new ej.datavisualization.TreeMap($("#treeMap"), {
                  headerTemplateRendering: function () {
                     //..//
                    }
                });
            });
           
    </script>

    refreshed

    Triggers after refreshing the treemap items.

  • javascript
  • <script>
    
    //refreshed event for tree map
      $(function () {
            var sample = new ej.datavisualization.TreeMap($("#treeMap"), {
                  refreshed: function () {
                     //..//
                    }
                });
            });
           
    </script>

    treeMapGroupSelected

    Triggers when the group selection is performed on treemap items.

  • javascript
  • <script>
    
    //treeMapGroupSelected event for tree map
      $(function () {
            var sample = new ej.datavisualization.TreeMap($("#treeMap"), {
                  treeMapGroupSelected: function () {
                     //..//
                    }
                });
            });
           
    </script>