I'm sorry but the example you gave is exactly my problem - rather than being able to change just the chart style, you had to cycle through each component and change each style them individually. I've modified your example to show what I am trying to do:
MainPage.xaml:
<
UserControl.Resources
>
<!-- Chart styles 1 -->
<
Style
x:Key
=
"LegendItemStyle1"
TargetType
=
"telerikCharting:ChartLegendItem"
>
<
Setter
Property
=
"Foreground"
Value
=
"White"
/>
</
Style
>
<
Style
x:Key
=
"ChartLegendStyle1"
TargetType
=
"telerikCharting:ChartLegend"
>
<
Setter
Property
=
"Background"
Value
=
"Black"
/>
<
Setter
Property
=
"LegendItemStyle"
Value
=
"{StaticResource LegendItemStyle1}"
/>
</
Style
>
<
Style
x:Name
=
"RadChartStyle1"
TargetType
=
"telerik:RadChart"
>
<
Setter
Property
=
"Background"
Value
=
"Black"
/>
<
Setter
Property
=
"Foreground"
Value
=
"White"
/>
<
Setter
Property
=
"LegendStyle"
Value
=
"{StaticResource ChartLegendStyle1}"
/>
</
Style
>
<!-- Chart styles 2 -->
<
Style
x:Key
=
"LegendItemStyle2"
TargetType
=
"telerikCharting:ChartLegendItem"
>
<
Setter
Property
=
"Foreground"
Value
=
"Black"
/>
</
Style
>
<
Style
x:Key
=
"ChartLegendStyle2"
TargetType
=
"telerikCharting:ChartLegend"
>
<
Setter
Property
=
"Background"
Value
=
"White"
/>
<
Setter
Property
=
"LegendItemStyle"
Value
=
"{StaticResource LegendItemStyle2}"
/>
</
Style
>
<
Style
x:Name
=
"RadChartStyle2"
TargetType
=
"telerik:RadChart"
>
<
Setter
Property
=
"Background"
Value
=
"White"
/>
<
Setter
Property
=
"Foreground"
Value
=
"Black"
/>
<
Setter
Property
=
"LegendStyle"
Value
=
"{StaticResource ChartLegendStyle2}"
/>
</
Style
>
</
UserControl.Resources
>
<
Grid
x:Name
=
"LayoutRoot"
>
<
telerik:RadChart
x:Name
=
"RadChart1"
Style
=
"{StaticResource RadChartStyle1}"
/>
<
Button
Content
=
"Click"
Width
=
"100"
Height
=
"30"
Click
=
"Button_Click"
/>
</
Grid
>
MainPage.cs:
When clicking the button the legend and legend item styles do not change - so the chart uses style 2, whereas the legend still uses style 1.