上次我們說到了動態的刷新數據, 這次我們說下 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 的參數的, 并且參數是 String 類型, 3.x 之后在refreshContent 方法里去掉了 XAxisValue 參數, 而且我查看 ChartDataEntry 和 Highlight 下屬性都是 Double 類型
關于上圖的實現我想到了先傳入秒數, 用 ValueFormatter 來計算日期格式顯示到 x 軸, 在 markerView 下就可以取到秒數, 在換算成日期就可以, 這個就是換算方面的問題了
還有一個方法就是把 ValueFormatter 當做參數傳進去, 讓內部進行換算之類的, 可以省去幾行代碼
關于 MarkerView 使用方法也很簡單, chartView.marker = [CustomMarkerView new] 即可

下面在說一下自定義 ValueFormatter, 只需要繼承 NSObject, 遵循IChartAxisValueFormatter 代理, 然后在
- (NSString *)stringForValue:(double)value axis:(ChartAxisBase *)axis
協議寫你需要的格式或者其他特定坐標值就可以了, 使用時```chartView.xAxis.valueFormatter = [CustomValueFormatter new]

由于 Charts 封裝的功能已經十分具體, 詳細, 詳細代碼就不放出來了, 在 Charts 的官方 Demo 還是可以找到的, 如果在使用當中遇到什么問題或者難以解決的需求, 可以給我留言共同探討