iOS Charts库的简单使用 - LineChartView

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

最后编辑于：2020.11.04 15:27:01

iOS Charts库的简单使用 - LineChartView

属性

LineChartDataSet 属性

`LineChartDataSet` 属性