上次我們說到了動態(tài)的刷新數(shù)據(jù), 這次我們說下 MarkerView 和 ValueFormatter
由于公司之前用的是 Charts 2.x, 更新之后很多方法都變了, 剛好需要修改這部分的代碼
先上代碼
open var xAxisValueFormatter: IAxisValueFormatter?
open var color: UIColor?
open var arrowSize = CGSize(width: 15, height: 11)
open var font: UIFont?
open var textColor: UIColor?
open var insets = UIEdgeInsets()
open var minimumSize = CGSize()
fileprivate var labelns: NSString?
fileprivate var _labelSize: CGSize = CGSize()
fileprivate var _paragraphStyle: NSMutableParagraphStyle?
fileprivate var _drawAttributes = [String : AnyObject]()
public init(color: UIColor,colorStock: UIColor, font: UIFont, insets: UIEdgeInsets, xAxisValueFormatter: IAxisValueFormatter)
{
super.init()
self.color = color
self.font = font
self.textColor = colorStock
self.insets = insets
self.xAxisValueFormatter = xAxisValueFormatter
_paragraphStyle = NSParagraphStyle.default.mutableCopy() as? NSMutableParagraphStyle
_paragraphStyle?.alignment = .center
}
open override func offsetForDrawing(atPoint point: CGPoint) -> CGPoint
{
let size = self.size
var point = point
point.x -= size.width / 2.0
point.y -= size.height
return super.offsetForDrawing(atPoint: point)
}
open override func draw(context: CGContext, point: CGPoint)
{
if labelns == nil
{
return
}
let offset = self.offsetForDrawing(atPoint: point)
let size = self.size
var rect = CGRect(
origin: CGPoint(
x: point.x + offset.x,
y: point.y + offset.y),
size: size)
rect.origin.x -= size.width / 2.0
rect.origin.y -= size.height
context.saveGState()
if let color = color
{
context.setFillColor(color.cgColor)
context.beginPath()
context.move(to: CGPoint(
x: rect.origin.x,
y: rect.origin.y))
context.addLine(to: CGPoint(
x: rect.origin.x + rect.size.width,
y: rect.origin.y))
context.addLine(to: CGPoint(
x: rect.origin.x + rect.size.width,
y: rect.origin.y + rect.size.height - arrowSize.height))
context.addLine(to: CGPoint(
x: rect.origin.x + (rect.size.width + arrowSize.width) / 2.0,
y: rect.origin.y + rect.size.height - arrowSize.height))
context.addLine(to: CGPoint(
x: rect.origin.x + rect.size.width / 2.0,
y: rect.origin.y + rect.size.height))
context.addLine(to: CGPoint(
x: rect.origin.x + (rect.size.width - arrowSize.width) / 2.0,
y: rect.origin.y + rect.size.height - arrowSize.height))
context.addLine(to: CGPoint(
x: rect.origin.x,
y: rect.origin.y + rect.size.height - arrowSize.height))
context.addLine(to: CGPoint(
x: rect.origin.x,
y: rect.origin.y))
context.fillPath()
}
rect.origin.y += self.insets.top
rect.size.height -= self.insets.top + self.insets.bottom
UIGraphicsPushContext(context)
labelns?.draw(in: rect, withAttributes: _drawAttributes)
UIGraphicsPopContext()
context.restoreGState()
}
open override func refreshContent(entry: ChartDataEntry, highlight: Highlight)
{
setLabel(entry)
}
open func setLabel(_ entry: ChartDataEntry)
{
labelns = String(format: "7日年化收益率: %.2f%%\n時間: %@", Float(entry.y) * 100, xAxisValueFormatter!.stringForValue(entry.x, axis: nil)) as NSString?
_drawAttributes.removeAll()
_drawAttributes[NSFontAttributeName] = self.font
_drawAttributes[NSParagraphStyleAttributeName] = _paragraphStyle
_drawAttributes[NSForegroundColorAttributeName] = UIColor.white
_labelSize = labelns?.size(attributes: _drawAttributes) ?? CGSize.zero
var size = CGSize()
size.width = _labelSize.width + self.insets.left + self.insets.right
size.height = _labelSize.height + self.insets.top + self.insets.bottom
size.width = max(minimumSize.width, size.width)
size.height = max(minimumSize.height, size.height)
self.size = size
}
代碼大部分都是我直接從 Charts 的官方 Demo 上 copy 下來的, 只有 setLabel 的部分地方重新修改了下, 之前 Charts 2.x 的時候
public override func refreshContent(entry entry: ChartDataEntry, highlight: ChartHighlight, XAxisValue: String)
是有 XAxisValue 的參數(shù)的, 并且參數(shù)是 String 類型, 3.x 之后在refreshContent 方法里去掉了 XAxisValue 參數(shù), 而且我查看 ChartDataEntry 和 Highlight 下屬性都是 Double 類型
關(guān)于上圖的實現(xiàn)我想到了先傳入秒數(shù), 用 ValueFormatter 來計算日期格式顯示到 x 軸, 在 markerView 下就可以取到秒數(shù), 在換算成日期就可以, 這個就是換算方面的問題了
還有一個方法就是把 ValueFormatter 當做參數(shù)傳進去, 讓內(nèi)部進行換算之類的, 可以省去幾行代碼
關(guān)于 MarkerView 使用方法也很簡單, chartView.marker = [CustomMarkerView new] 即可
下面在說一下自定義 ValueFormatter, 只需要繼承 NSObject, 遵循IChartAxisValueFormatter 代理, 然后在
- (NSString *)stringForValue:(double)value axis:(ChartAxisBase *)axis
協(xié)議寫你需要的格式或者其他特定坐標值就可以了, 使用時```chartView.xAxis.valueFormatter = [CustomValueFormatter new]
由于 Charts 封裝的功能已經(jīng)十分具體, 詳細, 詳細代碼就不放出來了, 在 Charts 的官方 Demo 還是可以找到的, 如果在使用當中遇到什么問題或者難以解決的需求, 可以給我留言共同探討