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