Multi series depeding on a property

[Pari]

Hi

I have an ObservableCollection of a class object which has some properties such as: datetime, value, and category_id

I would line to create a multi series chart depending on category_id

eg:

products with category_id=1 one lineseries. X axis :datetime, Y axis: value

products with category_id=2 another lineseries in the same Chart. X axis :datetime, Y axis: value

etc.

Could you provide to me a solution for code behind and for MVVM? I think I have to use Data Triggers but I am facing some problems implementing them.

tnx in advance

[Lance | Manager Technical Support]

Hi Pari,

The Xamarin.Forms RadChart doesn't have a SeriesProvider property that you can bind to, however you can achieve the same result by doing the following:

var vm = BindingContext as StartPageViewModel;

// 1 - Group the original data in the ViewModel by the CategoryId of each item
var uniqueCategorySeriesData = vm.OriginalData.GroupBy(i => i.CategoryId);

// Add a series for each one of the groups
foreach (var seriesData in uniqueCategorySeriesData)
{
    chart.Series.Add(new LineSeries
    {
        ItemsSource = seriesData.ToList(),
        ValueBinding = new PropertyNameDataPointBinding("Value"),
        CategoryBinding = new PropertyNameDataPointBinding("Timestamp")
    });
}

I've attached a demo that does this using items that have an CategoryId of 1 and 2.

Here's the result at runtime:




Regards,
Lance | Tech Support Engineer, Sr.
Progress Telerik

[Pari]

Hi Lance,

 

tnx for your reply. I will try it. Are you planning to implement the Series.Provider in Xamarin.Forms?

tnx again.

Cheers

 

 

[Lance | Manager Technical Support]

Hello Pari,

We do have the feature request on our backlog. You can upvote and follow it by going to the public Feedback Portal Item here.

Regards,
Lance | Tech Support Engineer, Sr.
Progress Telerik