柚子快報(bào)激活碼778899分享:iOS 圖表框架 Charts
柚子快報(bào)激活碼778899分享:iOS 圖表框架 Charts
文章目錄
1.github示例圖2.Charts的GitHub網(wǎng)址3.在github上下載后把demo跑在手機(jī)上的截屏4.怎樣使用4.1 條形圖 - BarChartView4.1.2 用條形圖展示睡眠
4.2 折線圖 - LineChartView4.3 扇形圖(餅狀圖) - PieChartView
5.遇到的問題問題一:chartValueSelected代理方法不調(diào)用問題二:iOS Xcode14 Charts集成時(shí)編譯報(bào)錯(cuò)
1.github示例圖
2.Charts的GitHub網(wǎng)址
Charts - github
3.在github上下載后把demo跑在手機(jī)上的截屏
4.怎樣使用
iOS-Charts看這個(gè)就夠了 - 稀土掘金
4.1 條形圖 - BarChartView
4.1.2 用條形圖展示睡眠
要實(shí)現(xiàn)上面的效果
func addBarChart(){
let chartView = HorizontalBarChartView(frame: CGRect(x: 0, y: 300, width: view.frame.size.width, height: 100))
view.addSubview(chartView)
chartView.backgroundColor = .yellow
let xAxis = chartView.xAxis
xAxis.enabled = false
let leftAxis = chartView.leftAxis
leftAxis.enabled = false
let rightAxis = chartView.rightAxis
rightAxis.enabled = false
//最大值到頂部所占整個(gè)軸的百分比,默認(rèn)0.1
leftAxis.spaceTop = 0.01
//最小值到底部所占整個(gè)軸的百分比,默認(rèn)0.1
leftAxis.spaceBottom = 0.01
//是否顯示圖例
chartView.legend.enabled = false
//淺,green 7
//深,red 2
//醒,black 1
//data
let yVals = [
BarChartDataEntry(x: 0, yValues: [7,2,1]),
BarChartDataEntry(x: 1, yValues: [7,2,1])
]
let set = BarChartDataSet(entries: yVals)
set.drawValuesEnabled = false
set.colors = [NSUIColor.green,NSUIColor.yellow,NSUIColor.yellow,
NSUIColor.yellow,NSUIColor.red,NSUIColor.black]
let data = BarChartData(dataSet: set)
//圓柱和間距的比例,默認(rèn)0.85
data.barWidth = 1
chartView.data = data
}
上面的代碼實(shí)現(xiàn)的效果如下圖
參考博客: iOS Charts庫(kù)的簡(jiǎn)單使用 - BarChartView
4.2 折線圖 - LineChartView
Swift - 第三方圖表庫(kù)Charts使用詳解8(折線圖7:事件響應(yīng)、MarkerView標(biāo)簽)
4.3 扇形圖(餅狀圖) - PieChartView
override func viewDidLoad() {
super.viewDidLoad()
view.backgroundColor = .white
let pieChartView = PieChartView(frame: CGRect(x: 0, y: 50, width: 200, height: 200))
view.addSubview(pieChartView)
pieChartView.backgroundColor = .gray
//中心文字
pieChartView.centerText = "睡眠占比"
//是否顯示圖例
pieChartView.legend.enabled = false
let datas: [Double] = [32, 100, 65]
var values = [PieChartDataEntry]()
for i in 0.. values.append(PieChartDataEntry(value: datas[i], label: "\(Int(datas[i]))分")) // let entry = PieChartDataEntry(value: datas[i]) // values.append(entry) } let dataSet = PieChartDataSet(entries: values, label: "圖例") //是否顯示數(shù)值。默認(rèn)true dataSet.drawValuesEnabled = false dataSet.colors = [NSUIColor.black,NSUIColor.red,NSUIColor.green] let data = PieChartData(dataSet: dataSet) pieChartView.data = data } 參考博客: iOS Charts庫(kù)的簡(jiǎn)單使用 - PieChartView 5.遇到的問題 問題一:chartValueSelected代理方法不調(diào)用 1.條形圖點(diǎn)擊的時(shí)候不調(diào)用代理方法chartValueSelected(只有幾個(gè)會(huì)調(diào)用),總是調(diào)用代理方法chartValueNothingSelected 下載的demo沒有這個(gè)問題,而pod后自己寫的demo有這個(gè)問題,應(yīng)該是pod的charts庫(kù)有bug 解決方法,下載4.1.0的demo,然后手動(dòng)導(dǎo)入Charts 問題二:iOS Xcode14 Charts集成時(shí)編譯報(bào)錯(cuò) iOS Xcode14 Charts集成時(shí)編譯報(bào)錯(cuò) 柚子快報(bào)激活碼778899分享:iOS 圖表框架 Charts 參考文章
本文內(nèi)容根據(jù)網(wǎng)絡(luò)資料整理,出于傳遞更多信息之目的,不代表金鑰匙跨境贊同其觀點(diǎn)和立場(chǎng)。
轉(zhuǎn)載請(qǐng)注明,如有侵權(quán),聯(lián)系刪除。