如何自定义 iOS 图表中的数据点标签？

Question

我试图让折线图中的数据点标签显示自定义字符串而不是它们的实际数字（使用 iOS 图表/图表库）。我想知道是否有类似 IAxisFormatter 的东西用于格式化我的 x 和 y 轴标签。

我想知道在 Swift 中是否有人知道如何做到这一点？我似乎无法在网上找到任何示例。谢谢！

Answer 1

您必须将 IValueFormatter 协议附加到您的 ViewController 并实施 stringForValue(_:entry:dataSetIndex:viewPortHandler:) 方法 (1)。

然后将 ViewController 设置为图表数据集 (2) 的 valueFormatter 委托。

import UIKit
import Charts

class ViewController: UIViewController, IValueFormatter {

    @IBOutlet weak var lineChartView: LineChartView!

    // Some data
    let months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
    let unitsSold = [20.0, 4.0, 3.0, 6.0, 12.0, 16.0, 4.0, 18.0, 2.0, 4.0, 5.0, 4.0]

    // (1) Implementation the delegate method for changing data point labels. 
    func stringForValue(_ value: Double,
                        entry: ChartDataEntry,
                        dataSetIndex: Int,
                        implement delegate methodviewPortHandler: ViewPortHandler?) -> String{

        return "My cool label " + String(value)
    }

    func setChart(dataPoints: [String], values: [Double]){
        var dataEntries: [ChartDataEntry] = []

        // Prepare data for chart
        for i in 0..<dataPoints.count {
            let dataEntry = ChartDataEntry(x: Double(i), y: values[i])
            dataEntries.append(dataEntry)
        }

        let lineChartDataSet = LineChartDataSet(values: dataEntries, label: "Units Sold")
        let lineChartData = LineChartData(dataSets: [lineChartDataSet])

        // (2) Set delegate for formatting datapoint labels
        lineChartData.dataSets[0].valueFormatter = self

        lineChartView.data = lineChartData
    }

    override func viewDidLoad() {
        super.viewDidLoad()

        setChart(dataPoints: months, values: unitsSold)
    }
}

Answer 2

在我的例子中，我的数据集的值为 y，x 是索引

// this shows date string instead of index
let dates = ["11/01", "11/02", "11/03", "11/04"...etcs]
chartView.xAxis.valueFormatter = IndexAxisValueFormatter(values:months)

设置轴值后

Answer 3

内存泄漏警报！

回应此回答：

You have to append IValueFormatter protocol to your ViewController and implement stringForValue(_:entry:dataSetIndex:viewPortHandler:) method (1).

Then set ViewController as valueFormatter delegate for charts data set (2).

我发现答案很有帮助。它帮助我让我的程序工作。但它导致了内存泄漏。视图控制器对图形对象有一个强引用，由于值格式化程序委托，它得到了对视图控制器的一个强引用：

        // (2) Set delegate for formatting datapoint labels
    lineChartData.dataSets[0].valueFormatter = self

Here's a graph of my memory consumption in my program thanks to that leak as I instantiate and exit my (running on MacOS) view controller 3 times

为了解决内存泄漏，我将我的 3 个日期格式化程序放在一个单独的 "ChartsFormatter" 文件中：

class ChartsFormatterBlank: IValueFormatter {
func stringForValue(_ value: Double, entry: ChartDataEntry, dataSetIndex: Int, viewPortHandler: ViewPortHandler?) -> String {
    // We do not want labels on each data point in our graph
    return ""
}
}
class ChartsFormatterPercent: IAxisValueFormatter {
    func stringForValue(_ value: Double, axis: AxisBase?) -> String {
        // y-value percent
        return "\(Int(value*100))%"
    }
}
class ChartsFormatterDateShort: IAxisValueFormatter {
    func stringForValue(_ value: Double, axis: AxisBase?) -> String {
        let date = Date(timeIntervalSinceReferenceDate: value)
        let dateFormatter = DateFormatter()
        dateFormatter.dateStyle = .short
        dateFormatter.timeStyle = .short
        return dateFormatter.string(from:date)
    }
}

下面是我在视图控制器中调用它们的方式：

let chartsFormatterBlank = ChartsFormatterBlank()
let chartsFormatterPercent = ChartsFormatterPercent()
let chartsFormatterDateShort = ChartsFormatterDateShort()

line1.valueFormatter = chartsFormatterBlank

lineChart.xAxis.valueFormatter = chartsFormatterDateShort
lineChart.leftAxis.valueFormatter = chartsFormatterPercent
lineChart.rightAxis.valueFormatter = chartsFormatterPercent

我宁愿将属性设置为在数据点上没有标签，这与我当前为每个数据点创建一个空字符串的系统相反。但是我还没有弄清楚该怎么做。

Answer 4

设置中：

self.lineChartView.xAxis.valueFormatter = self

之后：

extension YourViewController: ChartViewDelegate, IValueFormatter, IAxisValueFormatter {
func stringForValue(_ value: Double, axis: AxisBase?) -> String {
    let formatter = DateFormatter()
    formatter.dateFormat = "dd.MM"
    return formatter.string(from: Date(timeIntervalSince1970: value))
}

}

结果： result

Answer 5

有点晚了，但如果有人有同样的问题，我相信这个问题指的是在图表中的数据点标记内放置一个字符串。

折线图中的每个条目都是一个 ChartDataEntry，默认情况下用双精度初始化 x 和 y。您可以使用 setValue:

将任何对象设置为该条目

entry.setValue(value: AnyObject, forKey: "data")

这将允许您在您使用的标记 class 的 setLabel() 方法中使用该对象。例如：

class BalloonMarker: Marker
{

        ...
    open override func refreshContent(entry: ChartDataEntry, highlight: Highlight)
    {
        setLabel("\((entry.data as! AnyObject).date) \(String(entry.y))")
    }
}

在上面的示例中，我在数据点值前面加上了字符串日期，这是我之前使用 setValue() 方法设置的对象的属性。

希望对您有所帮助。

如何自定义 iOS 图表中的数据点标签？

How to customize datapoint labels in iOS Charts?

charts

xcode

swift

ios-charts