or
this
.RadChart1.Background = new SolidColorBrush(Colors.Blue);
this
.RadChart1.DefaultView.ChartArea.Background = new SolidColorBrush(Colors.Black);
The only way I have done it so far is to override the whole control template, and set the Background on the WrapPanel....which is very much over-kill. I must be missing something obvious. If you want to change the background color of a control, you usually just set the Background property...
Michael
Code for populating the chart:
DataSeries splineAreaSeriesCPU1 = null; |
DataSeries splineAreaSeriesCPU2 = null; |
public void fillProcessorChart() |
{ |
splineAreaSeriesCPU1 = new DataSeries(); |
splineAreaSeriesCPU2 = new DataSeries(); |
splineAreaSeriesCPU1.Definition = new SplineAreaSeriesDefinition(); |
splineAreaSeriesCPU2.Definition = new SplineAreaSeriesDefinition(); |
ChartArea1.DataSeries.Add(splineAreaSeriesCPU1); |
ChartArea2.DataSeries.Add(splineAreaSeriesCPU2); |
} |
public static void FillWithSampleData(DataSeries series, double PcValue) |
{ |
series.Add(new DataPoint { XValue = series.Count() , YValue = PcValue }); |
if (series.Count()>10) |
series.RemoveAt(0); |
} |
<telerik:RadChart x:Name="RadChart1" Margin="8,8,8,8" Grid.Row="3" Grid.Column="2" UseDefaultLayout="False" VirtualizingStackPanel.VirtualizationMode="Recycling"> |
<Grid VerticalAlignment="Stretch" HorizontalAlignment="Stretch"> |
<Grid.RowDefinitions> |
<RowDefinition Height="0.5*" /> |
<RowDefinition Height="0.5*" /> |
</Grid.RowDefinitions> |
<Grid.ColumnDefinitions> |
<ColumnDefinition Width="*" /> |
</Grid.ColumnDefinitions> |
<telerik:ChartArea Grid.Row="0" x:Name="ChartArea1" > |
<telerik:ChartArea.AxisY> |
<telerik:AxisY MajorGridLinesVisibility="Collapsed" |
MinorTicksVisibility="Visible" |
Title="CPU 1" /> |
</telerik:ChartArea.AxisY> |
</telerik:ChartArea> |
<telerik:ChartArea Grid.Row="1" x:Name="ChartArea2" > |
<telerik:ChartArea.AxisY> |
<telerik:AxisY MajorGridLinesVisibility="Collapsed" |
MinorTicksVisibility="Visible" |
Title="CPU 2" /> |
</telerik:ChartArea.AxisY> |
</telerik:ChartArea> |
</Grid> |
</telerik:RadChart> |