Change color on line depending on the value

[Fredrik]

Lets say that in my RadCartesianChart I have a line series with values between -1 to 10.

If a point value is -1 I would like the opacity to change.

For example if it is red with opacity 1 I'd like it to change to red opacity 0.5 until the value goes above zero.

Is this possible?

[Dinko | Tech Support Engineer]

Hello Fredrik,

What comes up to my mind is to use the StrokeShapeStyle property of the LineSeries. You can create a custom Style targeting Path element and set its Opacity property. In your scenario, you could bind this property to property from your ViewModel. Then listen for datapoints values change and if an item with a value below zero appears, change the bound property.

<telerik:ScatterLineSeries.StrokeShapeStyle>
    <Style TargetType="Path">
        <Setter Property="Stroke" Value="Red"/>
        <Setter Property="Opacity" Value="0.5"/>
    </Style>
</telerik:ScatterLineSeries.StrokeShapeStyle>

Regards,
Dinko
Progress Telerik