水平条形图以矩形条的形式呈现数据类别,其宽度与它们所代表的数值成正比。本文展示了如何在垂直条形图的基础上创建一个水平柱状图。
水平条形图不是简单的垂直条形图的旋转。在 Numbers
等应用程序中,水平条形图被定义为独立的图表类型,而不是垂直条形图。除了条形差异外,x 轴和 y 轴的格式也需要不同。
系列文章
- 如何在 SwiftUI 中创建条形图
- SwiftUI 中的水平条形图
- 在 iOS 16 中用 SwiftUI Charts 创建一个折线图
- 在 iOS16 中用 SwiftUI 图表定制一个线图
- 在 Swift 图表中使用 Foudation 库中的测量类型
将条形图转换为水平
水平条形图不仅仅是在垂直条形图上的配置,有一些元素是可以重复使用的。对于垂直条形图组件和水平条形图组件来说,重复使用一些结构和SwiftUI视图并不简单。标题和关键区域可以原样重用。创建 BarChartView
的副本,并将其名称改为 BarChartHView
。它控制了图表的布局,其中的三个视图被改为 YaxisHView
、ChartAreaHView
和 XaxisHView
,它们最初只是垂直条形图中使用的视图的副本。maxTickHeight
被改为 maxTickWidth
,因为它现在取决于可用的水平空间。