# Wijmo_Angular_Chart_Hierarchical.Wjtreemap

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								WjTreeMap Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>AngularJS directive for the <a href="wijmo_chart_hierarchical.treemap.html">TreeMap</a> control.</p>
								</div>
								<dl class="dl-horizontal">
									<dt>items-source</dt>      <dd><code>=</code> An array or <a href="../interfaces/wijmo.icollectionview.html">ICollectionView</a>
									object that contains data for the chart.</dd>
									<dt>binding</dt>           <dd><code>@</code> The name of the property that
									contains item values.</dd>
									<dt>binding-name</dt>      <dd><code>@</code> The name of the property that
									contains item names. It should be an array or a string.</dd>
									<dt>footer</dt>            <dd><code>@</code> The text to display in the chart footer (plain
									text).</dd>
									<dt>footer-style</dt>       <dd><code>=</code> The style to apply to the chart footer.</dd>
									<dt>header</dt>            <dd><code>@</code> The text to display in the chart header (plain
									text).</dd>
									<dt>header-style</dt>      <dd><code>=</code> The style to apply to the chart header.</dd>
									<dt>initialized</dt>       <dd><code>&amp;</code> This event occurs after the binding has finished
									initializing the control with attribute values.</dd>
									<dt>is-initialized</dt>    <dd><code>=</code> A value indicating whether the binding has finished
									initializing the control with attribute values. </dd>
									<dt>type</dt>              <dd><code>@</code> The type of the TreeMap.</dd>
									<dt>child-items-path</dt>  <dd><code>@</code> A value indicating the name of the property (or properties) used to generate
									child items in hierarchical data.</dd>
									<dt>max-depth</dt>         <dd><code>=</code> The maximum number of node levels to show in the current view.</dd>
									<dt>palette</dt>           <dd><code>=</code> An array that contains the default colors used for
									displaying TreeMap items.</dd>
									<dt>plot-margin</dt>       <dd><code>=</code> The number of pixels of space to leave between the
									edges of the control and the plot area, or CSS-style margins.</dd>
									<dt>tooltip-content</dt>   <dd><code>@</code> The value to display in the
									<a href="wijmo_chart.charttooltip.html">ChartTooltip</a> content property.</dd>
									<dt>label-content</dt>     <dd><code>@</code> The value to display in the
									<a href="wijmo_chart.datalabel.html">DataLabel</a> content property.</dd>
									<dt>rendering</dt>         <dd><code>&amp;</code> The <a href="wijmo_chart.flexpie.html#rendering">FlexPie.rendering</a> event handler.</dd>
									<dt>rendered</dt>          <dd><code>&amp;</code> The <a href="wijmo_chart.flexpie.html#rendered">FlexPie.rendered</a> event handler.</dd>
								</dl>
								<p>The wj-tree-map directive may contain the following child directives:
								<a href="wijmo_angular_chart.wjflexchartlegend.html">wijmo.angular.chart.WjFlexChartLegend</a> and <a href="wijmo_angular_chart.wjflexchartdatalabel.html">wijmo.angular.chart.WjFlexChartDataLabel</a>.</p>
							</div>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<span class="tsd-signature-type">WjFlexChartBase</span>
									<ul class="tsd-hierarchy">
										<li>
											<span class="target">WjTreeMap</span>
										</li>
									</ul>
								</li>
							</ul>
						</section>
					</div>