1,基本用法
(1)烛形图又称为 K 线图,下面是一个简单的使用样例。默认情况下:
当开盘价高于收盘价时,使用实心矩形。
当开盘价低于收盘价时,使用空心矩形。
import UIKit
import Charts
class ViewController: UIViewController {
//烛形图
var chartView: CandleStickChartView!
override func viewDidLoad() {
super.viewDidLoad()
//创建烛形图组件对象
chartView = CandleStickChartView()
chartView.frame = CGRect(x: 20, y: 80, width: self.view.bounds.width - 40,
height: 260)
self.view.addSubview(chartView)
//第一组烛形图的10条随机数据
let dataEntries1 = (0..<10).map { (i) -> CandleChartDataEntry in
let val = Double(arc4random_uniform(40) + 10)
let high = Double(arc4random_uniform(9) + 8)
let low = Double(arc4random_uniform(9) + 8)
let open = Double(arc4random_uniform(6) + 1)
let close = Double(arc4random_uniform(6) + 1)
let even = arc4random_uniform(2) % 2 == 0 //true表示开盘价高于收盘价
return CandleChartDataEntry(x: Double(i),
shadowH: val + high,
shadowL: val - low,
open: even ? val + open : val - open,
close: even ? val - close : val + close)
}
let chartDataSet1 = CandleChartDataSet(values: dataEntries1, label: "图例1")
//目前烛形图包括1组数据
let chartData = CandleChartData(dataSets: [chartDataSet1])
//设置烛形图数据
chartView.data = chartData
}
}
(2)当然我们也可以设置在何种情况下使用填充矩形,何种情况下使用空心矩形。使用下面设置后,运行结果同默认的刚好相反。
chartDataSet1.decreasingFilled = false //开盘高于收盘则使用空心矩形
chartDataSet1.increasingFilled = true //开盘低于收盘则使用实心矩形
2,修改线条宽度
chartDataSet1.shadowWidth = 4
3,修改颜色
(1)下面将所有条目的颜色统一设置为橙色。
chartDataSet1.setColor(.orange)
(2)下面将上升方块(开盘低于收盘)显示成红色,下降方块(开盘高于收盘)显示为绿色,竖线统一设置为灰色。
chartDataSet1.increasingColor = .red
chartDataSet1.decreasingColor = .green
chartDataSet1.shadowColor = .darkGray
(3)当然也可以让竖线的颜色与方框颜色一样。
chartDataSet1.increasingColor = .red
chartDataSet1.decreasingColor = .green
chartDataSet1.shadowColorSameAsCandle = true
4,不显示方块
chartDataSet1.showCandleBar = false
5,带图标的烛形图
下面样例如果当天涨幅如果超过 9 的话显示个星星图标。
//第一组烛形图的10条随机数据
let dataEntries1 = (0…<10).map { (i) -> CandleChartDataEntry in
let val = Double(arc4random_uniform(40) + 10)
let high = Double(arc4random_uniform(9) + 8)
let low = Double(arc4random_uniform(9) + 8)
let open = Double(arc4random_uniform(6) + 1)
let close = Double(arc4random_uniform(6) + 1)
let even = arc4random_uniform(2) % 2 == 0 //true表示开盘价高于收盘价
//当天涨幅超过9的显示一个星星图标
if(!even && (open + close) > 9 ){
return CandleChartDataEntry(x: Double(i),
shadowH: val + high,
shadowL: val - low,
open: even ? val + open : val - open,
close: even ? val - close : val + close,
icon: UIImage(named: “icon”)!)
}else{
return CandleChartDataEntry(x: Double(i),
shadowH: val + high,
shadowL: val - low,
open: even ? val + open : val - open,
close: even ? val - close : val + close)
}
}
let chartDataSet1 = CandleChartDataSet(values: dataEntries1, label: “图例1”)
原文出自:www.hangge.com 原文链接:https://www.hangge.com/blog/cache/detail_2157.html