# Wijmo_Angular_Olap.Wjpivotpanel

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								WjPivotPanel Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>AngularJS directive for the <a href="wijmo_olap.pivotpanel.html">PivotPanel</a> control.</p>
								</div>
								<p>Use the <b>wj-pivot-panel</b> directive as a data source for
									<b>wj-pivot-grid</b> and <b>wj-pivot-chart</b> directives
								to add pivot tables and charts to your AngularJS applications.</p>
								<p>Directive and parameter names must be formatted as lower-case with dashes
								instead of camel-case. For example:</p>
								<pre>&lt;wj-pivot-panel
    control="thePanel"
    items-source="rawData"&gt;
&lt;/wj-pivot-panel&gt;
&lt;wj-pivot-grid
    items-source="thePanel"
    show-detail-on-double-click="false"
    custom-context-menu="true"&gt;
&lt;/wj-pivot-grid&gt;</pre>
								<p>The <b>wj-pivot-panel</b> directive supports the following attributes:</p>
								<dl class="dl-horizontal">
									<dt>items-source</dt>                  <dd>Gets or sets the raw data used to generate pivot views.</dd>
									<dt>auto-generate-fields</dt>          <dd>Gets or sets whether the panel should populate its fields
									collection automatically based on the <a href="wijmo_olap.pivotpanel.html#itemssource">PivotPanel.itemsSource</a>.</dd>
									<dt>view-definition</dt>               <dd>Gets or sets the current pivot view definition as a JSON string.</dd>
									<dt>engine</dt>                        <dd>Gets a reference to the <a href="wijmo_olap.pivotengine.html">PivotEngine</a> that summarizes the data.</dd>
								</dl>
							</div>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<span class="tsd-signature-type">WjDirective</span>
									<ul class="tsd-hierarchy">
										<li>
											<span class="target">WjPivotPanel</span>
										</li>
									</ul>
								</li>
							</ul>
						</section>
					</div>