How to Bind Pivot Grid with Chart
3 Sep 20202 minutes to read
The PivotGridChartHelper class acts as an interface to bind the values of pivot grid control with the chart control. Based on selected ranges or values of the pivot grid control, the chart control is rendered. To achieve this support, the WireGrid method of the PivotGridChartHelper class should be used.
Refer to the following code sample to bind the pivot grid control with chart control.
PivotGridChartHelper helper = new PivotGridChartHelper(); helper.WireGrid(this.pivotGridControl1, this.chartControl1);
Dim helper As New PivotGridChartHelper() helper.WireGrid(Me.pivotGridControl1, Me.chartControl1)
Customizing style and type of chart series
The style and type of chart series can be customized at runtime by using the context menu of the chart control. To show the context menu in the chart control, the ShowContextMenu property of chart control should be set to
Refer to the following code sample to view the context menu of chart control integrated with the pivot grid control.
this.chartControl1.ShowContextMenu = true;
Me.chartControl1.ShowContextMenu = True
Persisting style and type of chart series
By default, the style and type of chart series modified at runtime are not persisted in the chart control, and the chart control is rendered with default series type and style while selecting the values in the pivot grid control.
PivotGridChartHelper helper = new PivotGridChartHelper(); helper.WireGrid(this.pivotGridControl1, this.chartControl1, true);
Dim helper As New PivotGridChartHelper() helper.WireGrid(Me.pivotGridControl1, Me.chartControl1, True)
For example, the type and color of the first series is changed as scatter and red at runtime as follows.
Using this support, the type and color of the chart series can be maintained in the chart control after selecting the new ranges in the pivot grid control as follows.
A demo sample is available in the following location.
<Installed Drive>\Users\Public\Documents\Syncfusion\Windows\<Version Number>\PivotGrid.Windows\Samples\Product Showcase\Pivotal Chart Demo