Hi,
First, sorry for my bad english, i'm a french student in internship.
Well, in my application, i'm using MVVM pattern, and I've created an UserControl, with a telerik chart (using LineSerie).
I would like to change the line color when a property change.
Here is an example of what I want to do:
So first could you tell me how to change Line color ?
Thank's
First, sorry for my bad english, i'm a french student in internship.
Well, in my application, i'm using MVVM pattern, and I've created an UserControl, with a telerik chart (using LineSerie).
I would like to change the line color when a property change.
Here is an example of what I want to do:
<
Grid
DataContext
=
"{Binding PublicationCollecteurVM}"
Width
=
"auto"
Height
=
"auto"
>
<
Grid.Resources
>
<
Style
TargetType
=
"telerik:Chart"
>
<
Style.Triggers
>
<!-- Well, You can imagine that I'm trying to change Line color-->
<
DataTrigger
Binding
=
"{Binding Path=GestionNiveau,NotifyOnSourceUpdated=True}"
Value
=
"2"
>
<
Setter
Property
=
"Chart.LineColor"
Value
=
"#FCB143"
/>
</
DataTrigger
>
<
DataTrigger
Binding
=
"{Binding Path=GestionNiveau,NotifyOnSourceUpdated=True}"
Value
=
"1"
>
<
Setter
Property
=
"Chart.LineColor"
Value
=
"#FFFF48"
/>
</
DataTrigger
>
<
DataTrigger
Binding
=
"{Binding Path=GestionNiveau,NotifyOnSourceUpdated=True}"
Value
=
"3"
>
<
Setter
Property
=
"Chart.LineColor"
Value
=
"#FE761B"
/>
</
DataTrigger
>
</
Style.Triggers
>
</
Style
>
</
Grid.Resources
>
<
telerik:RadChart
x:Name
=
"RadChart1"
telerik:StyleManager.Theme
=
"Office_Black"
Grid.Row
=
"1"
Height
=
"193"
Width
=
"372"
Grid.Column
=
"1"
ItemsSource
=
"{Binding NbHitLus}"
>
<
telerik:RadChart.DefaultView
>
<
telerik:ChartDefaultView
>
<
telerik:ChartDefaultView.ChartArea
>
<
telerik:ChartArea
LegendName
=
"CustomLegend"
>
<
telerik:ChartArea.AxisX
>
<
telerik:AxisX
MajorGridLinesVisibility
=
"Collapsed"
Title
=
"Minute"
/>
</
telerik:ChartArea.AxisX
>
<
telerik:ChartArea.AxisY
>
<
telerik:AxisY
MajorGridLinesVisibility
=
"Collapsed"
MinorTicksVisibility
=
"Visible"
Title
=
"NbHitsLus"
AutoScale
=
"True"
/>
</
telerik:ChartArea.AxisY
>
</
telerik:ChartArea
>
</
telerik:ChartDefaultView.ChartArea
>
<
telerik:ChartDefaultView.ChartLegend
>
<
telerik:ChartLegend
Visibility
=
"Collapsed"
x:Name
=
"CustomLegend"
UseAutoGeneratedItems
=
"True"
Width
=
"0"
>
<
telerik:ChartLegend.Header
>Custom legend header</
telerik:ChartLegend.Header
>
</
telerik:ChartLegend
>
</
telerik:ChartDefaultView.ChartLegend
>
<
telerik:ChartDefaultView.ChartTitle
>
<
telerik:ChartTitle
HorizontalAlignment
=
"Center"
>
<
TextBlock
TextAlignment
=
"Center"
>
<
TextBlock
Text
=
"{Binding infoProg}"
/>
<
LineBreak
/>
<
TextBlock
Margin
=
"-8,0,0,0"
>Numéro collecteur :</
TextBlock
>
<
TextBlock
Text
=
"{Binding IdCollect}"
></
TextBlock
>
<
TextBlock
Padding
=
"10,0,0,0"
>Numéro log :</
TextBlock
>
<
TextBlock
Text
=
"{Binding IdLog}"
></
TextBlock
>
</
TextBlock
>
</
telerik:ChartTitle
>
</
telerik:ChartDefaultView.ChartTitle
>
</
telerik:ChartDefaultView
>
</
telerik:RadChart.DefaultView
>
<
telerik:RadChart.DefaultSeriesDefinition
>
<
telerik:LineSeriesDefinition
/>
</
telerik:RadChart.DefaultSeriesDefinition
>
</
telerik:RadChart
>
</
Grid
>
So first could you tell me how to change Line color ?
Thank's