Use the wj-pivot-panel directive as a data source for wj-pivot-grid and wj-pivot-chart directives to add pivot tables and charts to your AngularJS applications.

Directive and parameter names must be formatted as lower-case with dashes instead of camel-case. For example:

<wj-pivot-panel
    control="thePanel"
    items-source="rawData">
</wj-pivot-panel>
<wj-pivot-grid
    items-source="thePanel"
    show-detail-on-double-click="false"
    custom-context-menu="true">
</wj-pivot-grid>

The wj-pivot-panel directive supports the following attributes:

items-source

Gets or sets the raw data used to generate pivot views.

auto-generate-fields

Gets or sets whether the panel should populate its fields collection automatically based on the PivotPanel.itemsSource.

view-definition

Gets or sets the current pivot view definition as a JSON string.

engine

Gets a reference to the PivotEngine that summarizes the data.