饼图文本显示异常求助 附Swift实现代码

嘿，看起来你在用Charts库的PieChartView时遇到了文本不显示的问题～从你贴的代码片段来看，有几个关键环节没处理到位，这应该就是问题的根源。先帮你梳理一下问题点，再给你完整的修复代码：

首先先看你目前的代码片段（标注出缺失的部分）：

let months = ["Jan", "Feb", "Apr", "Jun"] 
let unitsSold = [68, 10, 12, 10] 
setChart(dataPoints: months, values: unitsSold) 

func setChart(dataPoints: [String], values: [Int]) { 
    let screenBounds = UIScreen.main.bounds 
    let width = screenBounds.width 
    let height = screenBounds.height 
    let frame = CGRect(x: 10, y: 10, width: width, height: height/1.5) 
    let chart = PieChartView(frame: frame) 
    var dataEntries: [ChartDataEntry] = [] 
    for i in 0... // 循环未完成，且缺少数据标签配置、视图添加等关键步骤
}

完整的修复实现 #

import Charts // 别忘了导入Charts库

let months = ["Jan", "Feb", "Apr", "Jun"] 
let unitsSold = [68, 10, 12, 10] 
setChart(dataPoints: months, values: unitsSold) 

func setChart(dataPoints: [String], values: [Int]) { 
    let screenBounds = UIScreen.main.bounds 
    let width = screenBounds.width 
    let height = screenBounds.height 
    // 调整frame避免图表超出屏幕
    let frame = CGRect(x: 10, y: 10, width: width - 20, height: height/1.5) 
    let chart = PieChartView(frame: frame) 
    // 必须把饼图添加到视图上才能显示！
    self.view.addSubview(chart)
    
    // 注意：饼图需要用PieChartDataEntry而非通用的ChartDataEntry
    var dataEntries: [PieChartDataEntry] = [] 
    // 完整遍历所有数据点，创建带标签的Entry
    for i in 0..<dataPoints.count {
        let entry = PieChartDataEntry(value: Double(values[i]), label: dataPoints[i])
        dataEntries.append(entry)
    }
    
    // 创建数据集并开启标签显示
    let dataSet = PieChartDataSet(entries: dataEntries, label: "Units Sold")
    // 强制开启数据标签绘制（默认可能为false）
    dataSet.drawValuesEnabled = true
    // 配置标签的字体、颜色样式
    dataSet.valueFont = UIFont.systemFont(ofSize: 12)
    dataSet.valueTextColor = .black
    
    // 把数据集绑定到饼图
    let data = PieChartData(dataSet: dataSet)
    chart.data = data
    
    // 可选配置：开启图例和中心文本
    chart.legend.enabled = true
    chart.centerText = "Sales Overview"
}

关键修复点说明 #

• 使用正确的Entry类型：PieChart需要专门的PieChartDataEntry来关联标签文本，通用的ChartDataEntry无法支持饼图的标签显示逻辑
• 补全数据遍历逻辑：你的循环没有写完，需要完整遍历所有数据点创建对应的Entry实例
• 开启数据标签显示：默认情况下drawValuesEnabled是关闭的，必须手动设置为true，同时可以自定义标签的字体、颜色
• 将饼图添加到视图：很容易遗漏的一步——创建完PieChartView后，必须把它添加到当前视图层级中，否则你根本看不到图表
• 调整图表Frame：原代码直接使用屏幕宽度会导致图表超出屏幕边缘，建议减去左右边距让显示更合理

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