更多使用方法及属性参考 MPAndroidChart 文档:MPAndroidChart Documentation
最后附上 demo,demo有个别错误未修改,请甄别。
BarChartView 的部分属性及简单使用
开局一张简单的柱状图
let barChartView = BarChartView(frame: CGRect(x: 0, y: 500, width: UIScreen.main.bounds.width, height: 200))
view.addSubview(barChartView)
var entries = [BarChartDataEntry]()
for i in 0...10 {
let entry = BarChartDataEntry(x: Double(i), y: Double(arc4random_uniform(50)))
entries.append(entry)
}
let set = BarChartDataSet(entries: entries, label: "图例")
let data = BarChartData(dataSet: set)
barChartView.data = data
image.png
HorizontalBarChartView
image.png
BarChartView 属性
//柱状条后面画一个灰色区域,表示最大值。默认 false
barChartView.drawBarShadowEnabled = true
image.png
//显示顶部文字。默认 true
barChartView.drawValueAboveBarEnabled = false
image.png
//在圆柱左右两端各增加一半的条宽。默认 false
barChartView.fitBars = true
image.png
// x、y轴动画
barChartView.animate(xAxisDuration: 1)
barChartView.animate(yAxisDuration: 1)
//barChartView.animate(xAxisDuration: 1, yAxisDuration: 1)
//空表时显示的文字
barChartView.noDataText = "暂无数据"
//空表时显示的文字大小
barChartView.noDataFont = .systemFont(ofSize: 20)
//空表时显示的文字颜色
barChartView.noDataTextColor = .orange
//空表时显示的文字位置
barChartView.noDataTextAlignment = .center
//平移拖动。默认 true
barChartView.dragEnabled = true
//x轴滑动(包括放大后)。默认true
//barChartView.dragXEnabled = true
//y轴滑动(包括放大后)。默认true
//barChartView.dragYEnabled = true
//x轴缩放 默认true
barChartView.scaleXEnabled = true
//y轴缩放 默认true
barChartView.scaleYEnabled = true
//触控放大
barChartView.pinchZoomEnabled = false
//双击放大图表。默认true
barChartView.doubleTapToZoomEnabled = true
//拖动后图表是否继续滚动。默认true
barChartView.dragDecelerationEnabled = true
//减速摩擦系数,间隔0-1,如果将其设置为0,它将立即停止,1是无效值,并将自动转换为0.9999。默认0.9
barChartView.dragDecelerationFrictionCoef = 0.9
//当图表完全缩小的时候,每一次拖动都会高亮显示在图标视图上。默认true
barChartView.highlightPerDragEnabled = true
//设置最大高亮距离(dp)。在图表中的点击位置距离条目的距离超过此距离不会触发高亮显示。默认500
barChartView.maxHighlightDistance = 500
//设置为false后,禁止点击手势高亮显示值,值仍然可以通过拖动或编程方式突出显示。默认true
barChartView.highlightPerTapEnabled = true
//y轴自动缩放
barChartView.autoScaleMinMaxEnabled = false
//是否绘制网格背景。默认false
barChartView.drawGridBackgroundEnabled = true
//网格背景颜色
barChartView.gridBackgroundColor = .purple
image.png
//是否绘制图表边框,绘制后就不需要绘制x轴和y轴的轴线了。默认false
barChartView.drawBordersEnabled = true
//图表边框颜色。默认black
barChartView.borderColor = .red
//图表边框宽度。默认1.0
barChartView.borderLineWidth = 3
image.png
//默认NO
barChartView.clipValuesToContentEnabled = false
//false时,则柱状图(x轴线)下方不裁剪突出的显示(图表