欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Swift - 第三方图表库Charts使用详解17(散点图)

程序员文章站 2022-04-11 17:47:24
...

1,基本用法
下面是包含两组数据的散点图。
Swift - 第三方图表库Charts使用详解17(散点图)

import UIKit
import Charts

class ViewController: UIViewController {

//散点图
var chartView: ScatterChartView!
 
override func viewDidLoad() {
    super.viewDidLoad()
     
    //创建散点图组件对象
    chartView = ScatterChartView()
    chartView.frame = CGRect(x: 20, y: 80, width: self.view.bounds.width - 40,
                             height: 260)
    self.view.addSubview(chartView)
     
    //第一组散点图的10条随机数据
    let dataEntries1 = (0..<10).map { (i) -> ChartDataEntry in
        let val = Double(arc4random_uniform(100) + 3)
        return ChartDataEntry(x: Double(i), y: val)
    }
    let chartDataSet1 = ScatterChartDataSet(values: dataEntries1, label: "图例1")
     
    //第二组散点图的10条随机数据
    let dataEntries2 = (0..<10).map { (i) -> ChartDataEntry in
        let val = Double(arc4random_uniform(100) + 3)
        return ChartDataEntry(x: Double(i), y: val)
    }
    let chartDataSet2 = ScatterChartDataSet(values: dataEntries2, label: "图例2")
    chartDataSet2.setColor(.orange) //第二组数据使用橙色
     
    //目前散点图包括2组数据
    let chartData = ScatterChartData(dataSets: [chartDataSet1, chartDataSet2])
     
    //设置散点图数据
    chartView.data = chartData
}

}

2,修改散点的大小
Swift - 第三方图表库Charts使用详解17(散点图)

chartDataSet1.scatterShapeSize = 5

3,设置散点中心部分的颜色和大小
Swift - 第三方图表库Charts使用详解17(散点图)

chartDataSet1.scatterShapeHoleColor = .orange
chartDataSet1.scatterShapeHoleRadius = 2.5

4,散点的样式
(1)默认情况下散点图采用的是正方形形状的散点,我们可以通过 setScatterShape() 方法改用其它样式的散点:

chartDataSet1.setScatterShape(.circle) //使用圆形散点

(2)具体样式如下:
圆形:.circle
Swift - 第三方图表库Charts使用详解17(散点图)

三角形:.triangle
Swift - 第三方图表库Charts使用详解17(散点图)

十字:.cross
Swift - 第三方图表库Charts使用详解17(散点图)

叉:.x
Swift - 第三方图表库Charts使用详解17(散点图)

上箭头:.chevronUp
Swift - 第三方图表库Charts使用详解17(散点图)

下箭头:.chevronDown
Swift - 第三方图表库Charts使用详解17(散点图)

原文出自:www.hangge.com 原文链接:https://www.hangge.com/blog/cache/detail_2155.html

相关标签: Swift-Charts