SwiftUI Charts: Is it possible to have a LineChart with a different color line above certain threshold

Question

Created Jan ’23

Replies 3

Boosts 0

Views 1.8k

Participants 4

I have tried different things but I'm not really accomplishing the look I'm going for. Basically what I want is to have a Line Chart that changes color once it reaches certain threshold.

Screenshot 2023-01-01 at 5.56.44 PM.png

Answered by ITSD in 741796022

You can colour lines with gradients. If you know the min/max of your chart then you can work out what % of that range represents your colour change point and make a gradient the matches. For example, a range of 0 to 10 with anything above 9 being red would mean a gradient with 0 being green, 8.999999 being green, 9 being red.

Boost

Answer 1

Dirk-FU OP

Jan ’23

This may not be exactly what you ask for but in the following blog are some interesting articles about swift charts:

https://nilcoalescing.com/tags/charts/

They may give you some ideas on how to solve your specific problem.

0

Answer 2

Claude31 OP

Jan ’23

An idea:

find the points (x values) where curve crosses 9, 10.
split into partial curves between these x values
draw a new line of appropriate colr between 2 x points.

0

Answer 3

ITSD OP

Jan ’23

Accepted Answer

You can colour lines with gradients. If you know the min/max of your chart then you can work out what % of that range represents your colour change point and make a gradient the matches. For example, a range of 0 to 10 with anything above 9 being red would mean a gradient with 0 being green, 8.999999 being green, 9 being red.

0