SwiftUI Chart line with rounded corners

Question

I'm trying to do a chart with rounded corners like the picture below.

I've tried the following code in Path:

.stroke(style: StrokeStyle(lineWidth: 2, lineCap: .round))

and

.stroke(Color.accentColor, style: StrokeStyle(lineWidth: 2, lineJoin: .round))

Nothing seems to work, is this possible? Any option I try in both lines always shows the graph the same way (picture below) I'm using SwiftUI, swift 5, iOS 15. Thanks in advance.

Answer 1

You can use .interpolationMethod(.cardinal) on your LineMark.

Example:

Chart {
    ForEach(data, id: \.id) { item in
        LineMark(
            x: .value("Day", item.date),
            y: .value("Mood", item.value)
        ).lineStyle(.init(lineWidth: 6))
         .interpolationMethod(.cardinal)
     }
}