iOS 图表可以围绕除其中心以外的不同锚点旋转条形图 x 轴标签

Question

亲爱的，

我想将条形图上的 x 轴标签旋转 45 度。目前可以像这样使用：

chartView.xAxis.labelRotationAngle = -45

结果是： Bar chart labels

如您所见，旋转的锚点正好是标签的中心点。

但我需要将它们绕着最右边的角旋转。因此，它可以防止彼此重叠。

Answer 1

我们没有简单的方法来更改标签的旋转锚点。但是您可以定义自己的自定义 XAxisRenderer class 并覆盖 renderAxisLabels 函数。我做了一个简单的例子，希望这能帮助你朝着正确的方向前进。我从 renderAxisLabels 函数中删除了所有不必要的代码，并将锚点从 (x: 0.5, y: 0.0) 更改为 (x: 0.8, y: 0.0)

定义自定义渲染器

class MyXAxisRenderer: XAxisRenderer {
    override func renderAxisLabels(context: CGContext)
    {
        guard let xAxis = self.axis as? XAxis else { return }

        if !xAxis.isEnabled || !xAxis.isDrawLabelsEnabled
        {
            return
        }

        let yOffset = xAxis.yOffset

        guard xAxis.labelPosition == .bottom else { return  }

        let customAnchorPoint = CGPoint(x: 0.8, y: 0.0)  // custom anchor point, default value is (x: 0.5, y: 0.0)

        drawLabels(context: context, pos: viewPortHandler.contentBottom + yOffset, anchor: customAnchorPoint)
    }
}

并使用它。

chartView.xAxis.labelRotationAngle = -45
chartView.xAxis.labelPosition = .bottom      
chartView.xAxisRenderer = MyXAxisRenderer(viewPortHandler: chartView.viewPortHandler, xAxis: chartView.xAxis, transformer: chartView.getTransformer(forAxis: .left))

iOS 图表可以围绕除其中心以外的不同锚点旋转条形图 x 轴标签

iOS Charts possibility to rotate a bar chart x-axis label around a different anchor point other than its center

ios

swift

ios-charts