iOS Charts庫的簡單使用 - LineChartView

iOS Charts庫的簡單使用 - BarChartView

iOS Charts庫的簡單使用 - PieChartView

iOS Charts庫的簡單使用 - LineChartView

iOS Charts庫的簡單使用 - CombinedChartView

Charts 庫各類之間屬性基本互通,可相互參考,更多屬性參看 iOS Charts庫的簡單使用 - BarChartView

更多使用方法及屬性參考 MPAndroidChart 文檔:MPAndroidChart Documentation

最后附上 demo,demo有個別錯誤未修改,請甄別。




LineChartView 的部分屬性及簡單使用

開局一張簡單的折線圖

let lineChartView = LineChartView(frame: CGRect(x: 0, y: 500, width: UIScreen.main.bounds.width, height: 200))
view.addSubview(lineChartView)

var entries = [ChartDataEntry]()
for i in 0...10 {
    let entry = ChartDataEntry(x: Double(i), y: Double(arc4random_uniform(50)))
    entries.append(entry)
}

let set = LineChartDataSet(entries: entries, label: "圖例")
let data = LineChartData(dataSet: set)
lineChartView.data = data
image.png

屬性

LineChartDataSet 屬性
//mode = .cubicBezier時 (0.05-1.0)。默認0.2
dataSet.cubicIntensity = 1
//線條的類型。默認linear
dataSet.mode = .cubicBezier
image.png
//顯示每個點。默認YES
dataSet.drawCirclesEnabled = false
//是否圓心。默認true
dataSet.drawCircleHoleEnabled = false
//顯示每個點。默認true
dataSet.drawCirclesEnabled = true
//是否圓心。默認true
dataSet.drawCircleHoleEnabled = true
//每個點的大小。默認8
dataSet.circleRadius = 8
//每個點的空心半徑。默認4
dataSet.circleHoleRadius = 4
//每個點的顏色
dataSet.circleColors = [.purple]
//每個點的空心顏色
dataSet.circleHoleColor = .white
//默認0.0
dataSet.lineDashPhase = 0
//折線虛線效果
dataSet.lineDashLengths = [5, 8]
//文字顏色
dataSet.valueColors = [UIColor.orange, UIColor.purple]
dataSet.valueTextColor = .purple
//折線顏色
dataSet.colors = [UIColor.orange, UIColor.purple]
//折線的寬度(0.0-10.0)。默認1.0
dataSet.lineWidth = 10

//咱也不知道這個是啥...
dataSet.formLineWidth = .nan
dataSet.drawCirclesEnabled = false
dataSet.lineWidth = 10

//折線連接處的樣式。drawCirclesEnabled = false和lineWidth夠寬時可看出效果
dataSet.lineCapType = .butt
image.png
//高亮時橫向輔助線。默認true
dataSet.drawHorizontalHighlightIndicatorEnabled = true
//高亮時縱向輔助線。默認true
dataSet.drawVerticalHighlightIndicatorEnabled = true
//高亮顏色
dataSet.highlightColor = .red
image.png
//顯示折線下填充顏色。默認false
dataSet.drawFilledEnabled = true
dataSet.fillColor = .orange
//默認0.33
dataSet.fillAlpha = 0.7
image.png
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。