首页 > 解决方案 > 当集合使用不同范围的 X 坐标时,iOS 图表不会绘制多个数据集

问题描述

从多个数据集创建折线图时,折线图仅显示其中一个数据集,并且在缩放或平移图表时崩溃并出现致命错误:Can't form Range with upperBound < lowerBound

如果我从一个数据集创建折线图,它会按预期工作。

仅当两个数据集的 X 值范围完全不同时,才会出现此问题。

下面的代码应该绘制一个 x 范围从 0 到 19 的图表(即 2 个数据集)。但它只绘制第二个数据集。如果您平移或缩放图表,图表会崩溃。

如果我编辑代码,用 替换for x in (10..<20)for x in (0..<10)两个数据集都被正确绘制并且图表不会崩溃。

总结一下:当添加两个具有不同 X 坐标范围的条目的数据集时,图表绘制不正确并且会崩溃。

是否需要调用 iOS_charts API 来防止这种情况发生?如何绘制两个没有重叠 X 坐标的数据集?

如果我修改它以创建具有非重叠 x 坐标的多个数据集,则在使用此演示代码运行代码时,我已经能够产生相同的崩溃。

class ElevationChartViewController: UIViewController {
   
    @IBOutlet var chartView: LineChartView!
    
    override func viewDidLoad() {
        super.viewDidLoad()

        chartView.backgroundColor = .white
        chartView.legend.enabled = false
        chartView.maxVisibleCount = 20000
    }
    
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)

        let dataSets = createChartDataSets()
        chartView.data = LineChartData(dataSets: dataSets)
    }
}

func createChartDataSets() -> [LineChartDataSet] {
      var dataSets = [LineChartDataSet]()
      var entriesOne = [ChartDataEntry]()
      var entriesTwo = [ChartDataEntry]()
      var y = 0.0
      for x in (0..<10) {
          entriesOne.append( ChartDataEntry(x: Double(x), y: y))
          y = y + 10
          if y > 60 {y = 0.0}
      }
      dataSets.append(LineChartDataSet(entriesOne))
      
      for x in (10..<20) {
          entriesTwo.append( ChartDataEntry(x: Double(x), y: y))
          y = y + 10
          if y > 50 {y = 0.0}
      }
      dataSets.append(LineChartDataSet(entriesTwo))

      return dataSets
}

Swift 版本: 5.4 Xcode 12.4 Observed running on a real iPhone 12 sw version 14.4 Charts v4.0.1

标签: ios-charts

解决方案


我一直面临着类似的问题,到目前为止,这个解决方案对我有用。不确定由此可能产生的潜在副作用。我没有测试过平移或缩放。

子类化LineChartDataSet并覆盖entryIndex(x xValue:closestToY yValue:rounding)复制并粘贴超级实现,但删除guard函数顶部的语句

    var closest = partitioningIndex { $0.x >= xValue }
    guard closest < endIndex else { return -1 }

并替换为

    var closest = partitioningIndex { $0.x >= xValue }
    if closest >= endIndex {
      closest = endIndex - 1
    }

推荐阅读