All Controls
/
Pivot-view
/
ChartIntegration

This sample demonstrates the basic rendering of chart widget by feeding pivot data.

More Details...

Loading....
Description

In this sample, the pivotview component plots chart widget based on the pivot report which is mentioned. This can be achieved by setting the property displayOption.view as Chart. The built-in options are:

Table -> Plots grid widget only which is default,

Chart -> Plots chart widget only,

Both -> Plots both grid and chart widget,

You can change the chart types using the dropdown list separately. The chart types can be set using the property chartSettings.chartSeries.type. The built-in chart types are:

Column

Line

Spline

Bar

Area

StepArea

SplineArea

StackingColumn

StackingArea

StackingBar

StepLine

Pareto

Bubble

Scatter

StackingColumn100

StackingBar100

StackingArea100

Polar

Radar

In the sample the field list option is enabled where you can see the result in chart by customizing the data source.

Since, the chart widget doesn't having drll-down support. We will provide the option in feature

Injecting Module:

The pivotgrid widget features are segregated into individual modules. To take advantage of chart support, we need to inject the PivotChart module into the services.