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