First time user: Cannot draw a simpe lien chart

[Berk Celebisoy]

Here is what I am doing and nothing is happening. I don't see anything drawn on the chart. Can you pls help me figure out what I am doing wrong?

//in .cs file:

class SeriesData {
   string m_year;
   double m_portVal;

 

  public SeriesData(string year, double portVal) {
     m_year = year;
     m_portVal = portVal;
}

  public string Year { get; set; }
  public double PortVal { get; set; }
}

ObservableCollection obsvrColl = null;

LineSeries series1 = new LineSeries();

later when a button is clicked:

Foo() {

obsvrColl = new ObservableCollection();

for (int i = 0; i < m_userData.Years; i++)
{
    obsvrColl.Add(new SeriesData(i.ToString(), i*100));
}

series1.ItemsSource = obsvrColl;
series1.XBindingPath = "Year";
series1.YBindingPath = "PortVal";
chartGrowth.Series.Add(series1);

this.DataContext = this;

}

//in XAML:

            <syncfusion:SfChart x:Name="chartGrowth"  Grid.Row="1" Grid.Column="0" Header="Portfolio Growth" FontSize="12">

                <!--Initialize the horizontal axis for SfChart-->
                <syncfusion:SfChart.PrimaryAxis>
                    <syncfusion:CategoryAxis Header="Demands" FontSize="12"/>
                </syncfusion:SfChart.PrimaryAxis>

                <!--Initialize the vertical axis for SfChart-->
                <syncfusion:SfChart.SecondaryAxis>
                    <syncfusion:NumericalAxis Header="Values" FontSize="12"/>
                </syncfusion:SfChart.SecondaryAxis>

                <!--Adding Legend to the SfChart-->
                <syncfusion:SfChart.Legend>
                    <syncfusion:ChartLegend Visibility="Visible"/>
                </syncfusion:SfChart.Legend>
            </syncfusion:SfChart>

[Devi Aruna Maharasi Murugan]

Hi Berk, 

  

Thanks for contacting Syncfusion Support. 

  

Since the XBindingPath and YBindingPath property values (Year, PortVal) are not assigned and the ObservableCollection for series items source is not defined properly, the chart series does not render. We have prepared a demo sample based on your requirement with the reference of provided code snippet. The sample can be downloaded from below link, 

  

Sample: LineSeries173907 

  

Please refer our UG documentation link for getting started into SfChart, 

Link: https://help.syncfusion.com/uwp/sfchart/getting-started 

  

Regards, 

Devi 

 

[Berk Celebisoy]

Devi - Thank you for getting back to me. Your sample code solves my problem. You're awesome!!! Thanks!   ;-)

[Devi Aruna Maharasi Murugan]

Hi Berk, 

  

Thanks for your update. 

  

Please let us know, if you need any further assistance on this. 

  

Regards, 

Devi