Binding Datapoint dynamically using property ?

[Saravanan]

Hi,i have a rad chart pie series,i want to show two series, i have to bind the YPoint value dyanamically because i am using MVVM pattern,so i wrote this code,
 <telerik:ChartArea LegendName="ChartLegendManufacturers">

                <telerik:ChartArea.DataSeries>

                    <telerik:DataSeries>

                        <telerik:DataSeries.Definition>
                            <telerik:PieSeriesDefinition ItemLabelFormat="#Y"></telerik:PieSeriesDefinition>

                        </telerik:DataSeries.Definition>

                        <telerik:DataPoint YValue="{Binding Items.OilPercetnage }" />

                        <telerik:DataPoint YValue="{Binding Items.WaterPercentage }" />

                    </telerik:DataSeries>

                </telerik:ChartArea.DataSeries>

            </telerik:ChartArea>


and here is the code behind,
 public PieChart()
        {
            this.LayoutRoot.DataContext = this;
            InitializeComponent();
            BindCharData();

        }
        public ObservableCollection<TradeData> BindCharData()
        {

            Items = TradeData.GetWeeklyData();
            return Items;
        }
 public class OilData
    {

        public double OilPercetnage {get;set;}

        public double WaterPercentage {get;set;}

        public static ObservableCollection<OilData> GetWeeklyData()
        {
            ObservableCollection<OilData> tradeData = new ObservableCollection<OilData>();
            tradeData.Add(new OilData { OilPercetnage = 98, WaterPercentage = 55 });

            return tradeData;
        }


    }

its shows error like "Object Null Value Reference ..please let me know,

Thank you,
Saravanan

[Sia]

Hello Saravanan,

I have modified your code in order to make it work correctly. Please review the attachment.

Regards,
Sia
the Telerik team