# C1.Blazor.Chart.TreeMap

## Content

<div class="doc-site-dotnet-api-container">



  <h1 id="C1_Blazor_Chart_TreeMap" data-uid="C1.Blazor.Chart.TreeMap" class="text-break">TreeMap Class
</h1>
  <div class="markdown level0 summary"><p>Represents a TreeMap chart control.</p>
</div>
  <div class="markdown level0 conceptual"></div>
  <div class="inheritance">
    <h5>Inheritance</h5>
    <div class="level0"><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.object">object</a></div>
    <div class="level1"><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.componentbase">ComponentBase</a></div>
    <div class="level2"><a class="xref" href="C1.Blazor.Chart.FlexChartBase.html">FlexChartBase</a></div>
    <div class="level3"><span class="xref">TreeMap</span></div>
  </div>
  <div class="implements">
    <h5>Implements</h5>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.icomponent">IComponent</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.ihandleevent">IHandleEvent</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.ihandleafterrender">IHandleAfterRender</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.idisposable">IDisposable</a></div>
    <div><span class="xref">IMetricProvider</span></div>
    <div><span class="xref">ITreeMap</span></div>
    <div><span class="xref">IChartBase</span></div>
    <div><span class="xref">IStyleProvider</span></div>
    <div><span class="xref">IPalette</span></div>
    <div><span class="xref">IBrushConverter</span></div>
  </div>
  <h6><strong>Namespace</strong>: <a class="xref" href="C1.Blazor.Chart.html">C1.Blazor.Chart</a></h6>
  <h6><strong>Assembly</strong>: C1.Blazor.Chart.dll</h6>
  <h5 id="C1_Blazor_Chart_TreeMap_syntax">Syntax</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public class TreeMap : FlexChartBase, IComponent, IHandleEvent, IHandleAfterRender, IDisposable, IMetricProvider, ITreeMap, IChartBase, IStyleProvider, IPalette, IBrushConverter</code></pre>
  </div>
  <div class="codewrapper">
    <pre><code class="lang-vbnet hljs">Public Class TreeMap
    Inherits FlexChartBase
    Implements IComponent, IHandleEvent, IHandleAfterRender, IDisposable, IMetricProvider, ITreeMap, IChartBase, IStyleProvider, IPalette, IBrushConverter</code></pre>
  </div>
  <h3 id="constructors">Constructors
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Blazor_Chart_TreeMap__ctor" data-uid="C1.Blazor.Chart.TreeMap.#ctor">
          <a class="xref" href="C1.Blazor.Chart.TreeMap.-ctor.html#C1_Blazor_Chart_TreeMap__ctor">TreeMap()</a>
        </td>
        <td class="markdown level1 summary"><p>Creates an instance of TreeMap class.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="properties">Properties
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Blazor_Chart_TreeMap_Binding" data-uid="C1.Blazor.Chart.TreeMap.Binding">
          <a class="xref" href="C1.Blazor.Chart.TreeMap.Binding.html#C1_Blazor_Chart_TreeMap_Binding">Binding</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the name of the property of the data item that contains the chart value.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Chart_TreeMap_BindingName" data-uid="C1.Blazor.Chart.TreeMap.BindingName">
          <a class="xref" href="C1.Blazor.Chart.TreeMap.BindingName.html#C1_Blazor_Chart_TreeMap_BindingName">BindingName</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the name of the property that contains the name of the data item.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Chart_TreeMap_ChartType" data-uid="C1.Blazor.Chart.TreeMap.ChartType">
          <a class="xref" href="C1.Blazor.Chart.TreeMap.ChartType.html#C1_Blazor_Chart_TreeMap_ChartType">ChartType</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the chart type.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Chart_TreeMap_ChildItemsPath" data-uid="C1.Blazor.Chart.TreeMap.ChildItemsPath">
          <a class="xref" href="C1.Blazor.Chart.TreeMap.ChildItemsPath.html#C1_Blazor_Chart_TreeMap_ChildItemsPath">ChildItemsPath</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the name of the property of collection that contains child items.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Chart_TreeMap_DataLabel" data-uid="C1.Blazor.Chart.TreeMap.DataLabel">
          <a class="xref" href="C1.Blazor.Chart.TreeMap.DataLabel.html#C1_Blazor_Chart_TreeMap_DataLabel">DataLabel</a>
        </td>
        <td class="markdown level1 summary"><p>Gets the data label for data items.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Chart_TreeMap_ItemsSource" data-uid="C1.Blazor.Chart.TreeMap.ItemsSource">
          <a class="xref" href="C1.Blazor.Chart.TreeMap.ItemsSource.html#C1_Blazor_Chart_TreeMap_ItemsSource">ItemsSource</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the collection of objects that contains the data for tree map chart.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Chart_TreeMap_Label" data-uid="C1.Blazor.Chart.TreeMap.Label">
          <a class="xref" href="C1.Blazor.Chart.TreeMap.Label.html#C1_Blazor_Chart_TreeMap_Label">Label</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the data label.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Chart_TreeMap_MaxDepth" data-uid="C1.Blazor.Chart.TreeMap.MaxDepth">
          <a class="xref" href="C1.Blazor.Chart.TreeMap.MaxDepth.html#C1_Blazor_Chart_TreeMap_MaxDepth">MaxDepth</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the maximum number of displayed node levels.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Chart_TreeMap_NodeRendered" data-uid="C1.Blazor.Chart.TreeMap.NodeRendered">
          <a class="xref" href="C1.Blazor.Chart.TreeMap.NodeRendered.html#C1_Blazor_Chart_TreeMap_NodeRendered">NodeRendered</a>
        </td>
        <td class="markdown level1 summary"><p>Fires after rendering node.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Chart_TreeMap_NodeRendering" data-uid="C1.Blazor.Chart.TreeMap.NodeRendering">
          <a class="xref" href="C1.Blazor.Chart.TreeMap.NodeRendering.html#C1_Blazor_Chart_TreeMap_NodeRendering">NodeRendering</a>
        </td>
        <td class="markdown level1 summary"><p>Fires before rendering node.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Chart_TreeMap_SelectedItem" data-uid="C1.Blazor.Chart.TreeMap.SelectedItem">
          <a class="xref" href="C1.Blazor.Chart.TreeMap.SelectedItem.html#C1_Blazor_Chart_TreeMap_SelectedItem">SelectedItem</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the selected data item.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="methods">Methods
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Blazor_Chart_TreeMap_BuildRenderTree_Microsoft_AspNetCore_Components_Rendering_RenderTreeBuilder_" data-uid="C1.Blazor.Chart.TreeMap.BuildRenderTree(Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder)">
          <a class="xref" href="C1.Blazor.Chart.TreeMap.BuildRenderTree.html#C1_Blazor_Chart_TreeMap_BuildRenderTree_Microsoft_AspNetCore_Components_Rendering_RenderTreeBuilder_">BuildRenderTree(RenderTreeBuilder)</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_Chart_TreeMap_GetContent_C1_Chart_HitTestInfo_System_String_" data-uid="C1.Blazor.Chart.TreeMap.GetContent(C1.Chart.HitTestInfo,System.String)">
          <a class="xref" href="C1.Blazor.Chart.TreeMap.GetContent.html#C1_Blazor_Chart_TreeMap_GetContent_C1_Chart_HitTestInfo_System_String_">GetContent(HitTestInfo, string)</a>
        </td>
        <td class="markdown level1 summary"><p>Gets the content by specified template.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Chart_TreeMap_HitTest_C1_Blazor_Core_C1Point_" data-uid="C1.Blazor.Chart.TreeMap.HitTest(C1.Blazor.Core.C1Point)">
          <a class="xref" href="C1.Blazor.Chart.TreeMap.HitTest.html#C1_Blazor_Chart_TreeMap_HitTest_C1_Blazor_Core_C1Point_">HitTest(C1Point)</a>
        </td>
        <td class="markdown level1 summary"><p>Gets a HitTestInfo object with information about the specified point.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Chart_TreeMap_OnClick_C1_Chart__Point_" data-uid="C1.Blazor.Chart.TreeMap.OnClick(C1.Chart._Point)">
          <a class="xref" href="C1.Blazor.Chart.TreeMap.OnClick.html#C1_Blazor_Chart_TreeMap_OnClick_C1_Chart__Point_">OnClick(_Point)</a>
        </td>
        <td class="markdown level1 summary"><p>Called when clicking on chart</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Chart_TreeMap_Render_C1_Chart_IRenderEngine_System_Int32_System_Int32_System_Int32_System_Int32_" data-uid="C1.Blazor.Chart.TreeMap.Render(C1.Chart.IRenderEngine,System.Int32,System.Int32,System.Int32,System.Int32)">
          <a class="xref" href="C1.Blazor.Chart.TreeMap.Render.html#C1_Blazor_Chart_TreeMap_Render_C1_Chart_IRenderEngine_System_Int32_System_Int32_System_Int32_System_Int32_">Render(IRenderEngine, int, int, int, int)</a>
        </td>
        <td class="markdown level1 summary"><p>Renders the chart.</p>
</td>
      </tr>
    </tbody>
  </table>

</div>