WPF绑定Telerik Chartview

Question

I have some data that is coming from a Stored procedure which i have been able to display in a non-Telerik DataGrid. using the following code.

CBFdataDataContext conn = new CBFdataDataContext();
List<spTotalRevByZipResult> sptotalrevbyzipresult = (from s in conn.spTotalRevByZip() select s).ToList();

ZipGrid.ItemsSource = sptotalrevbyzipresult;

But with using the radCartesianChart, It says that there is no ItemSource.

<telerik:RadCartesianChart HorizontalAlignment="Left" Margin="10,104,0,0" Grid.Row="1" VerticalAlignment="Top" Width="723" Height="218" Name="ZipGrid">
           <telerik:RadCartesianChart.VerticalAxis>
               <telerik:LinearAxis/>
           </telerik:RadCartesianChart.VerticalAxis>
           <telerik:RadCartesianChart.HorizontalAxis>
               <telerik:CategoricalAxis/>
           </telerik:RadCartesianChart.HorizontalAxis>
           <telerik:RadCartesianChart.Series>
               <telerik:BarSeries CategoryBinding="subTotal"
                                  ValueBinding="custzip"
                                  ItemsSource="{Binding}"/>
           </telerik:RadCartesianChart.Series>
       </telerik:RadCartesianChart>

So How do i load the chart with Data?

CBFsqldataDataContext conn = new  CBFsqldataDataContext();

            List<spTotalRevByZipResult> sptotalrevbyzipresult = (from s in conn.spTotalRevByZip()

                                                                 select s).ToList();

            ZipGrid????????? = sptotalrevbyzipresult;

sample Data

custzip subTotal
NULL    18229530.07
123 0.00
674 0.00
1532    0.00
1701    0.00
1821    10860.08
1923    0.00
2134    0.00
2194    0.00
2715    2779.80
2876    72.00
3051    109.63
3060    186.00

Answer 1

I suggest you go and read some documentation.

Here is a good link to Telerik's RadCartesianChart using BarSeries .

You can use the following definition to display a simple BarSeries

XAML

 <telerik:RadCartesianChart Palette="Windows8"> <telerik:RadCartesianChart.HorizontalAxis> <telerik:CategoricalAxis/> </telerik:RadCartesianChart.HorizontalAxis> <telerik:RadCartesianChart.VerticalAxis> <telerik:LinearAxis /> </telerik:RadCartesianChart.VerticalAxis> <telerik:RadCartesianChart.Series> <telerik:BarSeries> <telerik:BarSeries.DataPoints> <telerik:CategoricalDataPoint Category="January" Value="2" /> <telerik:CategoricalDataPoint Category="February" Value="5" /> <telerik:CategoricalDataPoint Category="March" Value="3" /> <telerik:CategoricalDataPoint Category="April" Value="10" /> <telerik:CategoricalDataPoint Category="May" Value="9" /> <telerik:CategoricalDataPoint Category="June" Value="7" /> <telerik:CategoricalDataPoint Category="July" Value="1" /> </telerik:BarSeries.DataPoints> </telerik:BarSeries> </telerik:RadCartesianChart.Series> </telerik:RadCartesianChart>