MVVM - Control color of area series on dynamically generated graph

[Tarun]

I am generating 2 to 4 area series dynamically by referring below link from telerik documentation:

http://www.telerik.com/help/wpf/radchartview-features-chartseriesprovider.html

But these dynamic area series are showing default colors.

Is there a property I could use to control the color of dynamically generated Area series? My application is using MVVM pattern. 

[Boris]

Hello Tarun,

You can bind the Fill property of the AreaSeries via Style. In order to follow the MVVM pattern you can implement a Converter to change the color of the series. We prepared a sample project based on the mentioned help article and added such Converter class which selects a Brush depending on a property from the AreaSeries's ViewModel.

public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
       {
           var series = value as SeriesProviderDataItem;
           if (series != null)
           {
               if (series.SeriesName == "SerieA")
               {
                   return ABrush;
               }
               else if (series.SeriesName == "SerieB")
               {
                   return BBrush;
               }
               else
                   return CBrush;
           }
           return null;

Please examine the provided solution and let us know if you need any further assistance.

Regards,
Boris Penev
Telerik

 

 

[Dev]

Hi Boris,

I tried your solution but it is also taking default colors and not showing the colors you are assigning through converter.
Can you please check it?


Regards,
Dev

[Boris]

Hello Dev,

You may get different colors if you use older version of telerik control binaries - for example Q3 2013.
Attached you can find a project with our latest Q1 2014 binaries where the colors are shown as in the attached picture.

Regards,
Boris Penev
Telerik