SwiftUI 中的水平条形图

水平条形图以矩形条的形式呈现数据类别，其宽度与它们所代表的数值成正比。本文展示了如何在垂直条形图的基础上创建一个水平柱状图。

水平条形图不是简单的垂直条形图的旋转。在 Numbers 等应用程序中，水平条形图被定义为独立的图表类型，而不是垂直条形图。除了条形差异外，x 轴和 y 轴的格式也需要不同。

系列文章

1. 如何在 SwiftUI 中创建条形图
2. SwiftUI 中的水平条形图
3. 在 iOS 16 中用 SwiftUI Charts 创建一个折线图
4. 在 iOS16 中用 SwiftUI 图表定制一个线图
5. 在 Swift 图表中使用 Foudation 库中的测量类型

将条形图转换为水平

水平条形图不仅仅是在垂直条形图上的配置，有一些元素是可以重复使用的。对于垂直条形图组件和水平条形图组件来说，重复使用一些结构和SwiftUI视图并不简单。标题和关键区域可以原样重用。创建 BarChartView 的副本，并将其名称改为 BarChartHView。它控制了图表的布局，其中的三个视图被改为 YaxisHView、ChartAreaHView 和 XaxisHView，它们最初只是垂直条形图中使用的视图的副本。maxTickHeight 被改为 maxTickWidth，因为它现在取决于可用的水平空间。