Use the wj-pivot-chart and wj-pivot-panel directives to add pivot 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-chart
    items-source="thePanel"
    chart-type="Bar"
    max-series="10"
    max-points="100">
</wj-pivot-chart>

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

items-source

Gets or sets the PivotPanel that defines the view displayed by this PivotChart.

chart-type

Gets or sets a PivotChartType value that defines the type of chart to display.

show-hierarchical-axes

Gets or sets whether the chart should group axis annotations for grouped data.

stacking

Gets or sets a Stacking value that determines whether and how the series objects are stacked.

show-totals

Gets or sets a whether the chart should include only totals.

max-series

Gets or sets the maximum number of data series to be shown in the chart.

max-points

Gets or sets the maximum number of points to be shown in each series.