带圆角的 SwiftUI 图表线

Question

我正在尝试制作如下图所示的圆角图表。

我在路径中尝试了以下代码：

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

和

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

似乎没有任何效果，这可能吗？我在两行中尝试的任何选项总是以相同的方式显示图形（下图）我正在使用 SwiftUI，swift 5，iOS 15。提前致谢。

Answer 1

线宽为 2 的圆角几乎看不到，您看到的是一个半径为一点的圆。这两条线的线宽为 2:

这里的线宽为 10:

如果你的线方向急剧改变，那么它上面会有一个点，因为那是你的数据的形状。您可以通过尝试笔划样式的斜接限制来切断点。如果您想平滑数据，则需要查看某种插值，但这可能不合适，具体取决于您的建模内容。有关示例，请参见 [此处] 的“平滑插值”。 (https://developer.apple.com/documentation/accelerate/working_with_vectors)

带圆角的 SwiftUI 图表线

SwiftUI Chart line with rounded corners

graphics

charts

ios

swift

swiftui