Charts: एकाधिक/समूहीकृत बार चार्ट के साथ XAxis लेबल समस्या

को निर्मित 26 मई 2017 · 9टिप्पणियाँ · स्रोत: danielgindi/Charts

मैं गतिशील रूप से एकाधिक/समूहीकृत बार चार्ट बनाना चाहता हूं। मेरे मामले में डेटा सर्वर से आता है, इसलिए बार की संख्या तय नहीं है। समूह स्थान की गणना करने के लिए, मैंने यह फ़ंक्शन बनाया है

func calcGroupSpace(n:Int)->Double{ let y = 0.03 * Double(n) let x : Double = 1 / (y+1) return x }

मेरे xValues हैं, जो सर्वर से भी हैं, यहां मैंने बेहतर समझ के लिए सरणी बनाई है।

let xVal = ["Apples", "Oranges", "Pears", "Grapes", "Bananas"]

मैंने वैल्यू फॉर्मेटर क्लास बनाया है।

`वर्ग BarChartFormatter: NSObject, IAxisValueFormatter {

var labels: [String] = []

func stringForValue(_ value: Double, axis: AxisBase?) -> String {
    let index = Int(value) % labels.count
    if index>=0 && index<labels.count{
        return labels[index]
    }
    return ""
}

init(labels: [String]) {
    super.init()
    self.labels = labels
}

}
`

और मेरे चार्ट के अंदर, यहाँ x-अक्ष और समूह स्थान के लिए कोड है
'चार्टफॉर्मेटर = बार चार्टफॉर्मेटर (लेबल: xAxis) दें

    let xaxis = barChart.xAxis
    //xaxis.valueFormatter = axisFormatDelegate
    xaxis.drawGridLinesEnabled = true
    xaxis.labelPosition = .bottom
    xaxis.centerAxisLabelsEnabled = true
    xaxis.valueFormatter = chartFormatter
    xaxis.granularityEnabled = true
    xaxis.granularity = 1
    xaxis.labelCount = xAxis.count

    let groupSpace = chartCommanStyle.calcGroupSpace(n: keys.count)
    let barSpace = 0.03
    let barWidth = groupSpace


    let groupCount = xAxis.count+1
    let startYear = 0


    data.barWidth = barWidth;
    barChart.xAxis.axisMinimum = Double(startYear)
    let gg = data.groupWidth(groupSpace: groupSpace, barSpace: barSpace)

    barChart.xAxis.axisMaximum = Double(startYear) + gg * Double(groupCount)

    data.groupBars(fromX: Double(startYear), groupSpace: groupSpace, barSpace: barSpace)

    barChart.data = data

    barChart.setVisibleXRangeMaximum(15)
    barChart.animate(yAxisDuration: 1.0, easingOption: .easeInOutBounce)`

समस्या यह है कि, मेरे एक्स-अक्ष लेबल गलत क्रम में प्रदर्शित होते हैं। यह दिया जाना चाहिए, लेकिन यह कुछ इस तरह प्रिंट करता है

screen shot 2017-05-26 at 5 53 42 pm

कृपया इसे हल करने में मेरी मदद करें।

स्रोत

HPRaval

👍2

सबसे उपयोगी टिप्पणी

@atalayasa और @mazenhalawi : हैलो, मैंने इस मुद्दे को हल कर लिया है, कृपया इस लिंक की जाँच करें: https://github.com/sagarsukode/Charts

sagarsukode 8 मई 2018

👍6 🎉3

सभी 9 टिप्पणियाँ

मैंने ग्रुप स्पेस काउंट फंक्शन को बदलकर इसे हल किया है। पहले मैं इसे के रूप में गिन रहा था

(ग्रुपस्पेस * बारस्पेस) * एन + ग्रुपस्पेस = 1

लेकिन यह गलत था, मैंने इसे बदल दिया है

(बार की चौड़ाई * बारस्पेस) * n + ग्रुपस्पेस = 1

तो n कॉलम की संख्या के लिए मेरा नया कार्य है

func calcGroupSpace(n:Int)->Double{ let groupSpace = 1 - (0.23 * Double(n)) return groupSpace }

आशा है कि यह दूसरों की मदद कर सकता है ..

HPRaval 29 मई 2017

मेरा प्रश्न केवल ऊपर वाले से संबंधित है।
(उपरोक्त उत्तर मेरे लिए मददगार नहीं है इसलिए मैं अपना मुद्दा पोस्ट कर रहा हूं।)
मेरा कोड है:

let months = ["Jan", "Feb", "Mar", "Apr", "May"]
let unitsSold = [20.0, 4.0, 6.0, 3.0, 12.0]
let unitsBought = [10.0, 14.0, 60.0, 13.0, 2.0]

//legend
        let legend = barChartView.legend
        legend.enabled = true
        legend.horizontalAlignment = .right
        legend.verticalAlignment = .top
        legend.orientation = .vertical
        legend.drawInside = true
        legend.yOffset = 10.0;
        legend.xOffset = 10.0;
        legend.yEntrySpace = 0.0;


        let yaxis = barChartView.leftAxis
        yaxis.spaceTop = 0.35
        yaxis.axisMinimum = 0
        yaxis.drawGridLinesEnabled = false

        barChartView.rightAxis.enabled = true


        barChartView.delegate = self
        barChartView.noDataText = "You need to provide data for the chart."
        barChartView.chartDescription?.textColor = UIColor.clear

        let xaxis = barChartView.xAxis
        //xaxis.valueFormatter = axisFormatDelegate
        xaxis.forceLabelsEnabled = true
        xaxis.drawGridLinesEnabled = false
        xaxis.labelPosition = .bottom
        xaxis.centerAxisLabelsEnabled = true
        xaxis.valueFormatter = IndexAxisValueFormatter(values:self.months)
        xaxis.granularityEnabled = true
        xaxis.granularity = 1


var dataEntries: [BarChartDataEntry] = []
        var dataEntries1: [BarChartDataEntry] = []

        for i in 0..<self.months.count {

            let dataEntry = BarChartDataEntry(x: Double(i) , y: Double(self.unitsSold[i]))
            dataEntries.append(dataEntry)

            let dataEntry1 = BarChartDataEntry(x: Double(i) , y: Double(self.unitsBought[i]))
            dataEntries1.append(dataEntry1)

        }

        let chartDataSet = BarChartDataSet(values: dataEntries, label: "unitsSold")
        let chartDataSet1 = BarChartDataSet(values: dataEntries1, label: "unitsBought")

        let dataSets: [BarChartDataSet] = [chartDataSet,chartDataSet1]
        chartDataSet.colors = [UIColor(red: 0/255, green: 255/255, blue: 0/255, alpha: 0.5)]
        chartDataSet1.colors = [UIColor(red: 255/255, green: 0/255, blue: 0/255, alpha: 0.8)]

        //chartDataSet.colors = ChartColorTemplates.colorful()
        //let chartData = BarChartData(dataSet: chartDataSet)

        let chartData = BarChartData(dataSets: dataSets)

        let groupSpace = 0.5
        let barSpace = 0.03
        let barWidth = groupSpace


        let groupCount = self.months.count
        let startYear = 0


        chartData.barWidth = barWidth;
        barChartView.xAxis.axisMinimum = Double(startYear)
        let gg = chartData.groupWidth(groupSpace: groupSpace, barSpace: barSpace)

        barChartView.xAxis.axisMaximum = Double(startYear) + gg * Double(groupCount)

        chartData.groupBars(fromX: Double(startYear), groupSpace: groupSpace, barSpace: barSpace)

        barChartView.data = chartData

        barChartView.setVisibleXRangeMaximum(15)
        barChartView.animate(yAxisDuration: 1.0, easingOption: .easeInOutBounce)

इस स्क्रीनशॉट की जाँच करें:

screen shot 2018-03-17 at 3 10 09 pm

मुद्दे: सभी xaxis लेबल क्यों नहीं दिख रहे हैं? मैं स्विफ्ट 4 और एक्सकोड 9.2 का उपयोग कर रहा हूं

अद्यतन (08 मई - 2018): मैंने इस मुद्दे को हल कर लिया है, कृपया इस लिंक की जाँच करें: https://github.com/sagarsukode/Charts

simulator screen shot - iphone x - 2018-05-08 at 16 32 30

sagarsukode 17 मार्च 2018

👍4 🎉2 😕1

@sagarsukode क्या आपको समस्या का कोई समाधान मिला?

atalayasa 12 अप्रैल 2018

मेरे पास उपरोक्त जैसा ही मुद्दा था, मैंने महीनों को एक सरणी में डुप्लिकेट करके इसे ठीक किया, इसलिए मुझे लगता है कि आपके मामले में आपके पास कुछ ऐसा होगा:
चलो xAxisLabels = ["फरवरी", "फरवरी", "मार्च", "मार्च", "अप्रैल", "अप्रैल"...]

IndexAxisValueFormatter (मान: your_array_here) में xAxisLabels सरणी का उपयोग करें;
हालांकि, लेबलकाउंट संपत्ति के लिए आपको उपरोक्त चित्र से समूहों की संख्या का उल्लेख करने की आवश्यकता है, मैं 5 डालूंगा। xAxisLabels गिनती का उपयोग न करें।

उम्मीद है की वो मदद करदे!