如何在Swift中为iOS Charts图表添加指定位置的文本标注？

没问题！我帮你梳理下iOS Charts里添加文本标注的具体步骤，完全能实现你要的在[1,1]点位显示“test annotation”的需求，之前用SciChart的标注习惯，切换到Charts只需要调整下对应的API就行～

1. 确保导入Charts框架 #

先在你的代码文件顶部导入框架：

import Charts

2. 创建并配置TextAnnotation对象 #

Charts提供了TextAnnotation类专门用于文本标注，你可以直接实例化它并设置核心属性：

// 创建文本标注实例
let textAnnotation = TextAnnotation()
// 设置标注文本
textAnnotation.text = "test annotation"
// 自定义文本样式
textAnnotation.font = UIFont.systemFont(ofSize: 12)
textAnnotation.textColor = .darkGray
// 绑定到目标数据点的坐标
textAnnotation.x = 1 // 对应X轴数值1
textAnnotation.y = 1 // 对应Y轴数值1

3. 设置坐标模式（关键步骤） #

Charts默认的标注坐标是像素坐标，所以必须手动设置为数据坐标，才能让标注精准对应到你的数据集点位：

// 关联图表的左侧Y轴（如果你的图表用右侧Y轴，改成.right即可）
textAnnotation.axisDependency = .left
// 应用数据坐标位置
textAnnotation.setPosition(x: textAnnotation.x, y: textAnnotation.y)

4. 将标注添加到图表 #

最后把配置好的标注加入到图表的annotations数组中：

// 如果图表已有其他标注，用append追加；否则直接赋值数组
yourChartView.annotations.append(textAnnotation)
// 刷新图表让标注生效
yourChartView.notifyDataSetChanged()

可选：自定义标注样式 #

如果想让标注更美观，还可以调整偏移、背景等属性：

// 让文本在点位上方偏移一点，避免遮挡数据点
textAnnotation.offset = CGPoint(x: 0, y: -15)
// 添加半透明背景和圆角
textAnnotation.backgroundColor = UIColor.white.withAlphaComponent(0.8)
textAnnotation.cornerRadius = 4
textAnnotation.padding = UIEdgeInsets(top: 3, left: 6, bottom: 3, right: 6)

完整示例代码片段 #

import UIKit
import Charts

class ChartDemoViewController: UIViewController {
    @IBOutlet weak var lineChartView: LineChartView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 这里假设你已经完成了图表的数据集、轴等基础配置...
        
        // 创建并配置文本标注
        let textAnnotation = TextAnnotation()
        textAnnotation.text = "test annotation"
        textAnnotation.font = UIFont.systemFont(ofSize: 12)
        textAnnotation.textColor = .darkGray
        textAnnotation.x = 1
        textAnnotation.y = 1
        
        // 设置数据坐标模式
        textAnnotation.axisDependency = .left
        textAnnotation.setPosition(x: textAnnotation.x, y: textAnnotation.y)
        
        // 自定义样式
        textAnnotation.offset = CGPoint(x: 0, y: -15)
        textAnnotation.backgroundColor = .white
        textAnnotation.cornerRadius = 4
        textAnnotation.padding = UIEdgeInsets(top: 3, left: 6, bottom: 3, right: 6)
        
        // 添加到图表并刷新
        lineChartView.annotations.append(textAnnotation)
        lineChartView.notifyDataSetChanged()
    }
}

内容的提问来源于stack exchange，提问作者varunjitsingh6410