Charts: XAxis लेबल चार्ट 3.0 में ओवरलैप होते हैं

एक और प्रतिगमन जो इससे जुड़ा हुआ है, वह यह है कि लेबल स्पेस का उपयोग किया गया लगता है, भले ही उपलब्ध स्थान की परवाह किए बिना। आईपैड पर, चार्ट्स 2.x पर, फ्रेमवर्क कई एक्सएक्सिस लेबल दिखा रहा था जो संभवतः स्क्रीन पर फिट हो सकते थे। अब, चार्ट्स 3.x के साथ, फ्रेमवर्क हमेशा 6 xAxis लेबल दिखाएगा।

मैं समझता हूं कि मैं xAxis लेबलों की एक इष्टतम राशि की गणना कर सकता हूं और लेबल को स्वयं सेट कर सकता हूं लेकिन चार्ट 2.x ने इसे मेरे लिए स्वचालित रूप से संभाला। गणना करना भी इतना आसान नहीं है।

मेरे पास एक ही समस्या थी और यह पता चला कि एक्स अक्ष पर axisMinimum = 0.0 जोड़ने से यह मेरे लिए तय हो गया। मेरा कोई भी लेबल अब ओवरलैप नहीं करता है।

संपादित करें: जल्द ही बात की, यह अभी भी हमारे लिए भी एक मुद्दा है। मैं xAxis.avoidFirstLastClippingEnabled = false का उपयोग करके स्थिति को कुछ हद तक कम करने में सक्षम था।

नमस्ते

वही मुद्दा :(

नमस्ते!

मेरे पास एक ही समस्या है, क्या कोई समाधान है?

मैं उसी मुद्दे का सामना कर रहा हूं जहां एक्स-अक्ष लेबल ओवरलैप करते हैं (एक कस्टम IAxisValueFormatter का उपयोग करके):

जैसा कि पहले उल्लेख किया गया है, लेबल की संख्या छह के लिए तय की

_rects_ का प्रतिपादन स्पष्ट रूप से अतिव्यापी लेबल दिखाता है:

    internal class func drawMultilineText(context: CGContext, text: String, knownTextSize: CGSize, point: CGPoint, attributes: [String : AnyObject]?, constrainedToSize: CGSize, anchor: CGPoint, angleRadians: CGFloat)
    {
        ...
        NSUIGraphicsPopContext()

        // draw rect
        #if !os(OSX)
            NSUIGraphicsPushContext(context)
            context.setStrokeColor(UIColor.red.cgColor)
            context.setLineWidth(0.5)
            context.addRect(rect)
            context.drawPath(using: .stroke)
            NSUIGraphicsPopContext()
        #endif
    }

xAxis के लिए labelCount को ६ से ५ के डिफ़ॉल्ट मान से बदलते समय, यह वास्तव में अपेक्षित ५ के बजाय केवल ४ लेबल प्रदान करेगा (नीचे स्क्रीनशॉट देखें)। xAxis.entries की संख्या को डीबग करना भी केवल 4 मान दिखाता है: "x-axis entries: [30.0, 60.0, 90.0, 120.0]" । जब आप इसे 4 में बदलते हैं तो यह वास्तव में केवल 3 लेबल, वगैरह प्रदर्शित करेगा।

        let xAxis = lineChartView.xAxis
        ...
        xAxis.labelCount = 5

अद्यतन : मैंने अभी देखा है कि आपको xAxis.setLabelCount(5, force: true) का उपयोग करके लेबल गणना सेट करने की आवश्यकता है जो _does_ अपेक्षा के अनुरूप काम करता है। मुझे आश्चर्य होता है कि यदि आपको इस पद्धति (#2085 से संबंधित) का उपयोग करने की आवश्यकता है तो labelCount लिखने योग्य क्यों है?

तर्क के टुकड़ों में से एक मैंने पाया कि त्रुटि प्रवण है getLongestLabel जो सबसे अधिक वर्णों के साथ अक्ष लेबल का स्ट्रिंग मान देता है। गैर-मोनोपॉज़ किए गए फोंट का उपयोग करते समय यह वास्तव में एक गलत धारणा है। _less_ वर्णों वाला एक लेबल सबसे अधिक वर्ण वाले लेबल की तुलना में _wider_ प्रस्तुत किया जा सकता है और लेबल की चौड़ाई को डीबग करने से वास्तव में पता चलता है कि यह वास्तव में हो रहा है: वर्णों की उच्चतम संख्या वाले लेबल की चौड़ाई 5 पिक्सेल _less_ एक लेबल से अधिक थी कम वर्ण थे, लेकिन व्यापक प्रदान करते हैं। सभी अवसरों में जहां यह कोड कहा जा रहा है, इसका उपयोग केवल बाद में स्ट्रिंग की चौड़ाई निर्धारित करने के लिए किया जा रहा है। इसलिए, एक अधिक सटीक (हालांकि संभवतः अधिक संसाधन गहन) समाधान उस तर्क को कुछ इस तरह से बदलना होगा:

    // The length of a label depends on its font (if it is not
    // a monospaced font) and rendering, not on the number or 
    // characters in a string.
    open func getLongestLabelSize() -> CGSize {
        var longestSize = CGSize()

        // iterate over all labels
        for i in 0 ..< entries.count {
            let text = getFormattedLabel(i)
            let size = text.size(attributes: [NSFontAttributeName: labelFont])

            if size.width > longestSize.width {
                longestSize = size
            }
        }

        return longestSize
    }

या इससे भी ज्यादा स्विफ्टी इस तरह:

    open func getLongestLabelSize() -> CGSize {
        return entries.enumerated().map { index, _ in
            return getFormattedLabel(index).size(attributes: [NSFontAttributeName: labelFont])
        }
        .sorted(by: { s1, s2 in return s1.width < s2.width })
        .last!
    }

दुर्भाग्य से मुझे अभी तक ओवरलैपिंग लेबल का मूल कारण नहीं मिला है, लेकिन यह स्पष्ट है कि लेबल को प्रस्तुत करने वाला तर्क दोषपूर्ण है ...

नमस्ते!
मेरे साथ भी वही दिक्कत है।

मेरे पास इस समस्या का समाधान है। यह मूल रूप से अतिव्यापी लेबल के प्रतिपादन को छोड़ देता है लेकिन इसे बेहतर बनाया जा सकता है क्योंकि अब और अधिक खाली स्थान है जहां लेबल को प्रस्तुत किया जा सकता था। फिर भी मुझे लगता है कि यह अभी के लिए स्वीकार्य है जब तक कि यह मुद्दा हल नहीं हो जाता ...

एक नया कस्टम XAxisRenderer बनाएँ:

import Foundation
import Charts
#if !os(OSX)
import UIKit
#endif

// The original XAxisRender can result in overlapping labels on the
// x-axis (see https://github.com/danielgindi/Charts/issues/1969 ).
// This x-axis renderer will check if labels overlap and ignore drawing
// labels that overlap the previously drawn label.
class NoOverlappingLabelsXAxisRenderer: XAxisRenderer {
    public var shouldDrawBoundingBoxes = false
    public var labelSpacing = CGFloat(4.0)

    // Keep track of the previous label's rect
    private var previousLabelRect: CGRect?

    override func renderAxisLabels(context: CGContext) {
        previousLabelRect = nil
        super.renderAxisLabels(context: context)
    }

    //swiftlint:disable function_parameter_count
    override func drawLabel(context: CGContext, formattedLabel: String, x: CGFloat, y: CGFloat, attributes: [String : NSObject], constrainedToSize: CGSize, anchor: CGPoint, angleRadians: CGFloat) {
        guard let axis = self.axis as? XAxis else { return }

        // determine label rect
        let labelRect = CGRect(x: x - (axis.labelWidth / 2), y: y, width: axis.labelWidth, height: axis.labelHeight)

        // check if this label overlaps the previous label
        if let previousLabelRect = previousLabelRect, labelRect.origin.x <= previousLabelRect.origin.x + previousLabelRect.size.width + labelSpacing {
            // yes, skip drawing this label
            self.previousLabelRect = nil
            return
        }

        // remember this label's rect
        self.previousLabelRect = labelRect

        // draw label
        super.drawLabel(context: context, formattedLabel: formattedLabel, x: x, y: y, attributes: attributes, constrainedToSize: constrainedToSize, anchor: anchor, angleRadians: angleRadians)

        // draw label rect for debugging purposes
        if shouldDrawBoundingBoxes {
            #if !os(OSX)
            // draw rect
            UIGraphicsPushContext(context)
            context.setStrokeColor(UIColor.red.cgColor)
            context.setLineWidth(0.5)
            context.addRect(labelRect)
            context.drawPath(using: .stroke)
            UIGraphicsPopContext()

            // draw line
            UIGraphicsPushContext(context)
            context.move(to: CGPoint(x: x, y: y))
            context.addLine(to: CGPoint(x: x, y: y - 4))
            context.setLineWidth(0.5)
            context.strokePath()
            UIGraphicsPopContext()
            #endif
        }
    }
    //swiftlint:disable function_parameter_count
}

और अपना चार्ट सेट करते समय इसे कॉन्फ़िगर करें:

        // instantiate the chart
        let lineChartView = PALineChartView(frame: ...)

        ...

        // configure the x-axis
        let xAxis = lineChartView.xAxis
        ...

        // configure custom renderer
        let xAxisRenderer = NoOverlappingLabelsXAxisRenderer(viewPortHandler: lineChartView.viewPortHandler, xAxis: lineChartView.xAxis, transformer: lineChartView.xAxisRenderer.transformer)
        xAxisRenderer.shouldDrawBoundingBoxes = true // enable to debug label rects
        lineChartView.xAxisRenderer = xAxisRenderer

प्रिय 4एनपी,

यह मेरे लिए ठीक काम करता है। आपका बहुत बहुत धन्यवाद!

मैंने इस लाइन को हटा दिया, क्योंकि कुछ मामलों में आगे के पड़ोसियों को भी ओवरलैप किया गया था:
self.previousLabelRect = nil

दुर्भाग्य से, यह समाधान सही नहीं है क्योंकि अधिकांश बार आप हमेशा पहले और अंतिम आइटम को अक्ष पर प्रदर्शित करना चाहते हैं। एक संभावित उपाय यह है कि बारी-बारी से बाएं और दाएं (दो फ्रेम रखते हुए) से लेबल जोड़ें।

चार्ट लिब का उपयोग करके लाइन चार्ट में मल्टीलाइन लेबल कैसे बनाएं। x aixis लेबल का (उद्देश्य c)
मेरे पास दिनांक और समय मान है। मुझे एक लेबल में दोनों मान प्रदर्शित करना है।