#Legend

##Legend visibility

The legend shows the value range differences and color occurrence in the respective leaf node while hovering it with a cursor.

NOTE

By default, the legend is visible in the pivot tree map.

You can disable the legend by setting the showLegend property to false. The following code example illustrates how to disable the legend:

  • js
  • <ej:PivotTreemap ID="PivotTreemap1" runat="server">
        ....
        <ClientSideEvents RenderSuccess="showLegend" />
    </ej:PivotTreemap>
    <script type="text/javascript">     
       function showLegend(args) {	
                pivotTreeMap = $("#PivotTreeMap1TreeMapContainer").data("ejTreeMap");
                pivotTreeMap.model.showLegend = false;
                pivotTreeMap.refresh();
       } 
    </script>
    
    <! --Tooltip labels can be localized here-->
    <script id="tooltipTemplate" type="application/jsrender">
        <div style="background:White; color:black; font-size:12px; font-weight:normal; border: 1px solid #4D4D4D; white-space: nowrap;border-radius: 2px; margin-right: 25px; min-width: 110px;padding-right: 5px; padding-left: 5px; padding-bottom: 2px ;width: auto; height: auto;">
            <div>Measure(s) : </div><div>Row : </div><div>Column : </div><div>Value : </div>
        </div>
    </script>