RadChart Spline with two coordinates

[Adrien Pellegrini]

Hello,

Can you explain me how to precisely place a point onto the chart with the X and Y coordinates ? Must I set two items mapping and a 2-dimensional array ?

I wrote this sample in Xaml :

	<!-- Chart -->
	<t:RadChart Grid.Column="2" x:Name="_uiChart">
	<t:RadChart.SeriesMappings>
	<!-- Measurement -->
	<t:SeriesMapping CollectionIndex="0" LegendLabel="Measurement" x:Name="_uiMeasurementSeriesMapping">
	<t:SeriesMapping.SeriesDefinition>
	<t:SplineSeriesDefinition />
	</t:SeriesMapping.SeriesDefinition>
	<t:SeriesMapping.ItemMappings>
	<t:ItemMapping DataPointMember="YValue" />
	</t:SeriesMapping.ItemMappings>
	</t:SeriesMapping>
	</t:RadChart.SeriesMappings>
	</t:RadChart>

And I passed to the ItemSource a double array like this :

	List<double[]> itemsSource = new List<double[]>
	{
	new double[] {3, 5, 9, 8}
	};
	this._uiChart.ItemsSource = itemsSource;

Thanks,
Adrien.

[Dwight]

Hello Adrien,

You need to provide XValue and YValue for each point.

There are two approaches:
1. Build DataSeries, giving X & Y values for each DataPoint.
2. Create custom object that has two values, and use data binding (2 item mappings will be required, one for the X value and one for the Y).

There is no way to map N-dimensional arrays to the chart and support for such binding is not planned.

Please, review the following two help topics:

• Creating Chart in Code Behind
• Data Binding: Manual Series Mappings

Kind regards,
Evtim
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Adrien Pellegrini]

I found what to do but I can't even bind the ItemSource to the data.

Xaml code :

<t:RadChart Grid.Column="2" x:Name="_uiChart">
                <t:RadChart.SeriesMappings>
                    <t:SeriesMapping LegendLabel="Measurement">
                        <t:SeriesMapping.SeriesDefinition>
                            <t:SplineSeriesDefinition />
                        </t:SeriesMapping.SeriesDefinition>
                        <t:SeriesMapping.ItemMappings>
                            <t:ItemMapping DataPointMember="XValue" FieldName="XValue" />
                            <t:ItemMapping DataPointMember="YValue" FieldName="YValue" />
                        </t:SeriesMapping.ItemMappings>
                    </t:SeriesMapping>
                </t:RadChart.SeriesMappings>
            </t:RadChart>

Source code :

            List<Point> points = new List<Point>(100);
            points.Add(new Point { XValue = 1, YValue = 3 });
            points.Add(new Point { XValue = 3, YValue = 9 });
            points.Add(new Point { XValue = 7, YValue = 16 });
            points.Add(new Point { XValue = 9, YValue = 5 });
            points.Add(new Point { XValue = 15, YValue = 2 });
            this._uiChart.ItemsSource = points;

Passing data by code and "bind" it to the itemSource works, but when I make a binding in Xaml, it doesn't work.

I added to the snippet in Xaml this code for the binding :  ItemsSource="{Binding Points}".


Is the chart must be refreshed or something else ?


Thanks,
Adrien.

[Adrien Pellegrini]

Well, finally it works fine.