ios - 如何在 iOS 中使用 JBLineChart 绘制和自定义两条线？

Question

我正在尝试使用 Jawbone 的 iOS 图形库在一张图表上绘制两组数据。以下是日期(x 轴)、事件级别和阈值的数据:

var activityChartLegend = ["11-14", "11-15", "11-16", "11-17", "11-18", "11-19", "11-20"]
var activityChartData = [88, 81, 69, 77, 70, 89, 90]
var activityThreshold = [80, 80, 80, 80, 80, 80, 80]

我已成功绘制了 ActivityChartData 的第一条线。但是，我对如何绘制 ActivityThreshold 的第二行感到困惑。文档有限，所以我不确定如何绘制第二行。在下面的代码中，我将行数返回为“2”，但我不明白如何在以下函数中绘制两条线。

func numberOfLines(in lineChartView: JBLineChartView!) -> UInt {
    return 2
}

func lineChartView(_ lineChartView: JBLineChartView!, numberOfVerticalValuesAtLineIndex lineIndex: UInt) -> UInt {
    if (lineIndex == 0) {
        return UInt(activityChartData.count)
    }

    return 0
}

func lineChartView(_ lineChartView: JBLineChartView!, verticalValueForHorizontalIndex horizontalIndex: UInt, atLineIndex lineIndex: UInt) -> CGFloat {
    if (lineIndex == 0) {
        return CGFloat(activityChartData[Int(horizontalIndex)])
    }
    return 0
}

此外，我已经使用以下代码格式化了第一行，但不明白如何在成功添加到图 TableView 后格式化另一行:

func lineChartView(_ lineChartView: JBLineChartView!, showsDotsForLineAtLineIndex lineIndex: UInt) -> Bool {
    return true // False = do not show the dots
}

func lineChartView(_ lineChartView: JBLineChartView!, dotRadiusForDotAtHorizontalIndex horizontalIndex: UInt, atLineIndex lineIndex: UInt) -> CGFloat {
    return CGFloat(6)
}

func lineChartView(_ lineChartView: JBLineChartView!, colorForDotAtHorizontalIndex horizontalIndex: UInt, atLineIndex lineIndex: UInt) -> UIColor! {
    return UIColor.lightGray
}

func lineChartView(_ lineChartView: JBLineChartView!, smoothLineAtLineIndex lineIndex: UInt) -> Bool {
    return true
}

func lineChartView(_ lineChartView: JBLineChartView!, didSelectLineAt lineIndex: UInt, horizontalIndex: UInt) {
    if (lineIndex == 0){
        let data = activityChartData[Int(horizontalIndex)]
        let key = activityChartLegend[Int(horizontalIndex)]
        activityLabel.text = "Number of steps on \(key): \(data)"
    }
}

我对 iOS 编码相当陌生，并且只找到了关于此主题的有限文档。感谢您提供的任何帮助!

Answer 1

func lineChartView(_ lineChartView: JBLineChartView!, verticalValueForHorizontalIndex horizontalIndex: UInt, atLineIndex lineIndex: UInt) -> CGFloat {
    if (lineIndex == 0) {
         return CGFloat(activityChartData[Int(horizontalIndex)])
    }
    else if (lineIndex == 1)
    {
        return CGFloat(activityChartData2[Int(horizontalIndex)])
    }
    return 0
}

对其他函数进行同样的操作。您会注意到他们有自己的 lineIndex

:D