图表

自定义 RuleMark 图表外观

了解如何自定义 RuleMark 图表的外观细节。

27 Dec 2024 • 2 min read

💡

这篇文章持续更新中。

在之前的这篇文章中，我们讲解了自定义图表外观的一些通用技巧及相关修饰器：

除了通用修饰器，不同的图表还有一些特有的参数或修饰器。这篇文章，我们来聊聊如何自定义 RuleMark 图表的外观。

调整线条粗细（lineStyle）

可以使用 lineStyle() 修饰器，调整线条的粗细：

Chart {
    RuleMark(y: .value("平均", averageExpense))
        .lineStyle(StrokeStyle(lineWidth: 8))
        .foregroundStyle(.red)
}

你可以按照需要自定义线条 lineWidth，建议选择 4 的倍数。