wj-pivot-panel ディレクティブを wj-pivot-grid ディレクティブと wj-pivot-chart ディレクティブのデータソースとして使用して、 AngularJSアプリケーションにピボットテーブルとピボットチャートを追加できます。

ディレクティブ名とパラメータ名は、キャメルケースではなく、 小文字とダッシュの形式にする必要があります。次に例を示します。

<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>

wj-pivot-panel ディレクティブは、次の属性をサポートします。

items-source

ピボットビューを生成するために使用される生データを取得または設定します

auto-generate-fields

PivotPanel.itemsSource に基づいて、パネルにフィールドコレクションを自動的に挿入するかどうかを取得または設定します。

view-definition

現在のピボットビュー定義をJSON文字列として取得または設定します。

engine

データの集約を行う PivotEngine への参照を取得します。