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

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

<wj-pivot-panel
    control="thePanel"
    items-source="rawData">
</wj-pivot-panel>
<wj-pivot-chart
    items-source="thePanel"
    chart-type="Bar"
    max-series="10"
    max-points="100">
</wj-pivot-chart>

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

items-source

この PivotChart.によって表示されるビューを定義する PivotPanel を取得または設定します。

chart-type

表示するチャートのタイプを定義する PivotChartType 値を取得または設定します。.

show-hierarchical-axes

グループ化されたデータに対してチャートの軸注釈をグループ化するかどうかを取得または設定します。

stacking

系列オブジェクトを積み重ねるかどうかを決定する Stacking 値と、積み重ねる場合はその方法を取得または設定します。

show-totals

チャートに合計だけを含めるかどうかを取得または設定します。

max-series

チャートに表示するデータ系列の最大数を取得または設定します。

max-points

各系列に表示するポイントの最大数を取得または設定します。