WPF Binding Telerik Chartview

时间:2012-11-29 14:41:31

标签: c# sql-server wpf telerik

我有一些来自存储过程的数据,我可以在非Telerik DataGrid中显示。使用以下代码。

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

ZipGrid.ItemsSource = sptotalrevbyzipresult;

但是使用radCartesianChart时,它表示没有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>

那么如何使用数据加载图表?

CBFsqldataDataContext conn = new  CBFsqldataDataContext();

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

                                                                 select s).ToList();

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

示例数据

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

1 个答案:

答案 0 :(得分:0)

我建议你去阅读一些文档。

这是指向Telerik's RadCartesianChart using BarSeries的良好链接。

  

您可以使用以下定义来显示简单的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>