Series at Runtime

Thread ID:	Created:	Updated:	Platform:	Replies:
146706	Aug 14,2019 08:36 PM UTC	Aug 19,2019 01:12 PM UTC	Xamarin.Forms	3

Subscribe to this post

Tags: SfChart

Ramon Farizel

Asked On August 14, 2019 08:36 PM UTC

Hello,

I'm trying build a Sfchart with Series generated at Runtime, could give me some sample?

Thanks.

Reply | Reply with quote

Saravanan Madheswaran [Syncfusion]

Replied On August 15, 2019 09:50 AM UTC

Hi Ramon,

We have prepared sample to achieve your requirement that will be downloaded from below link.

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/SimpleSample_(2)1773172618.zip

In that sample we have updated the series dynamically on button click and we modified the series data collection at every half second.

Please refer the below link, if you try to update existing data point in the series.

https://www.syncfusion.com/kb/7731/how-to-update-an-existing-data-point-in-xamarin-forms-sfchart

We hope the above information will help you.

Regards,

Saravanan.

Reply | Reply with quote

Ramon Farizel

Replied On August 16, 2019 04:20 PM UTC

Hello Saravanan,

Thanks for attention, but this solution doesn't resolved my issue completly.

If i just follow this sample, my chart will be always with 2 Series. In my case I would like to generate at Runtime the quantity of series in my SFChart too.

Reply | Reply with quote

Rachel A [Syncfusion]

Replied On August 19, 2019 01:12 PM UTC

Hi Ramon,

You can achieve this requirement by adding series to ChartSeriesCollection and bind it to series property of chart. Please refer the below code.

[XAML]:

<chart:SfChart x:Name="chart" Series="{Binding ChartseriesCollection}" />

[C#]:

private void Button_Clicked(object sender, EventArgs e)

{

for(int i = 0; i < 5; i++)

{

GenerateSeries();

}

private void GenerateSeries()

{

var random = new Random();

var data = new ObservableCollection<ChartDataModel>();

for (int i = 1; i < 5; i++)

{

data.Add(new ChartDataModel(i, random.Next(0, 80)));

}

viewModel.ChartseriesCollection.Add(SetupSeries(new LineSeries(), data));

}

private XyDataSeries SetupSeries(XyDataSeries series, IEnumerable itemSource)

{

series.ItemsSource = itemSource;

series.XBindingPath = "XValue";

series.YBindingPath = "YValue";

return series;

}

We have prepared sample for your reference, and it can be downloaded from the below link:

Sample- https://www.syncfusion.com/downloads/support/directtrac/146706/ze/146706-sample-877340071.zip

Please refer the KB for more details

https://www.syncfusion.com/kb/10702/how-to-bind-series-from-mvvm-pattern-in-xamarin-forms-sfchart

Regards,

Rachel.

Reply | Reply with quote

CONTACT US

Series at Runtime

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US