<div class="header-panel member">
<h2><span class="identifier">WjPivotPanel</span> Class</h2>
<dl class="dl-horizontal">
<dt>File</dt><dd class="filename">wijmo.angular.js</dd>
<dt>Module</dt><dd><a href="topic/wijmo.angular.Module.html"><span class="identifier">wijmo.angular</span></a></dd>
<dt>Show</dt>
<dd>
<label><input type="checkbox" ng-model="ctx.showInherited"> Inherited Members</label>&nbsp;&nbsp;&nbsp;
<label><input type="checkbox" ng-model="ctx.showRaisers"> Event Raisers</label>
</dd>
</dl>
<div class="comment"><p>AngularJS directive for the <a href="topic/wijmo.olap.PivotPanel.Class.html"><span class="identifier">PivotPanel</span></a> control.</p>
<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>
<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="topic/wijmo.olap.PivotPanel.Class.html/#itemsSource"><span class="identifier">itemsSource</span></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="topic/wijmo.olap.PivotEngine.Class.html"><span class="identifier">PivotEngine</span></a> that summarizes the data.</dd>
</dl></p></div>
</div>
<div class="member-panel class members" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
</div>
