Highlighting a datapoint when the corresponding row is selected

[Jared Stokes]

I have a grid with some data bound to it and below it is a scatter chart bound to the same data above.  I want to make it so that whenever I select a row with data in it, the corresponding data point changes size on the chart below.  Is there a way to do this?

Thanks,
Jared

[Divya A]

Hi Jared,

 

Sorry for the delay caused.

 

We have analyzed your query, your requirement to change the Chart Data Points based on the GDC  Selected Rows can be achieved by binding the SelectedItems API of GDC to the DataSource of the Chart Series. The Chart populates the data points based on the SelectedItems.

 

 

Code Snippet:

 

  <syncfusion:ChartSeries Name="Series1"

                          BindingPathsY="ProductPrice"

                          BindingPathX="CustomerName"

                          DataSource="{Binding Path=SelectedItems, ElementName=GDC}"

                          syncfusion:ChartScatterType.ScatterHeight="60"

                          syncfusion:ChartScatterType.ScatterWidth="60"

                          Type="Scatter">

 

 

We have prepared a sample based on your requirement and attached it in the following location.

 

Regards,

Divya.

GridDataControlSample_d8477529.zip