各位前輩們好,
最近在開發的app有要繪製折線圖的功能,我選用的是Charts這個套件 (by Daniel Gindi)
已經成功將一般的折線圖畫出來了
https://imgur.com/NWGVMwm
<<更新>> 已經可以左右滑動了,但有X軸標籤無法對齊的問題,如下圖
https://imgur.com/VyYkHBq
<<23:36 更新>> 已經可以左右滑動並讓X軸標籤跟著移動
(小動畫) https://imgur.com/a/JBFfOUe
方法如下:
//圖表左右移動:在把要放在圖上的資料設定好 chartView.data = chartData 之後,加上下面四行
chartView.scaleXEnabled = true
chartView.scaleYEnabled = false
chartView.setVisibleXRangeMaximum(visibleCount: Double)
//決定一開始圖出現時會畫出幾個點,但事實上會畫出比這個數字多一個data,visibleCount是我自己設的變數
//設定初始標籤數量
chartView.xAxis.setLabelCount(Int(visibleCount) + 1, force: false)
//也是因為會多畫一個點的原因,所以要多顯示一個label
這裡注意force一定要設成false!!! 我之前就是google到的解法都是true,這樣背景的gridLine就會被固定住,
導致在滑動的過程中label不會跟著動。
//標籤對齊:在上面設定X軸的地方加上
xAxis.granularity = 1
以上,給需要的版友參考~