Charts: LineChart X 축-항상 첫 번째 및 마지막 레이블을 표시하는 방법

avoidFirstLastClippingEnabled 시도, 기본값은 false입니다.

    /// if set to true, the chart will avoid that the first and last label entry in the chart "clip" off the edge of the chart
    open var avoidFirstLastClippingEnabled = false

@ cnowak7 두 번째 이미지에 언급 된 문제를 해결할 수 있었습니까? 솔루션을 공유하십시오

avoidFirstLastClippingEnabled 은 도움이되지 않습니다. 마지막 레이블은 항상 잘립니다.

소스 코드를 살펴보면 축 항목이 AxisRendererBase.computeAxisValues 로 계산되며 최대 값을 표시하도록 강제 할 방법이 없습니다. 이 기능은 이전 버전에서 지원되었다고 생각합니다.

https://github.com/danielgindi/Charts/issues/2007이 이것과 같은 문제로 보입니까?
@ondrejhanslik 기본적으로 computeAxisValues ​​()는 범위를 계산하기 위해 최소값과 최대 값을 사용합니다. 따라서 모든 데이터를 보관하려면 최소값과 최대 값이 데이터의 최소 / 최대 값보다 커야합니다. computeAxisValues ​​()에서 최소 / 최대 값이 무엇이며 데이터의 최소 / 최대 값이 무엇인지 확인 했습니까?

@ liuxuan30 사용자 지정 문자열 배열을 X 축 값 즉 날짜로 사용합니다.

다음은 내 차트의 스크린 샷입니다.

avoidFirstLastClippingEnabled 를 true로 설정하면 내 차트가 다음과 같이 보입니다.

다음은 X 축을 설정하는 데 사용하는 몇 가지 추가 코드입니다.

private func setUpLineChartPreferences() {
        .
        .
        .
        // x-axis
        self.lineChart.xAxis.labelPosition = .bottom
        self.lineChart.xAxis.drawGridLinesEnabled = true
        self.lineChart.xAxis.granularity = 1.0
        .
        .
        .
}

private func setUpLineChart(withDataEntries entries: [ChartDataEntry]) {
        let entryCount = entries.count
        if entryCount > 0 {
            let dataSet = LineChartDataSet(values: entries, label: nil)
            dataSet.drawFilledEnabled = true
            dataSet.fillColor = .green
            dataSet.circleRadius = 5
            dataSet.drawValuesEnabled = false
            dataSet.setColor(.black)
            dataSet.highlightColor = .green
            dataSet.setCircleColor(.blue)
            let lineChartData = LineChartData(dataSet: dataSet)
            self.lineChart.data = lineChartData
            // SET UP X-AXIS
            self.lineChart.xAxis.valueFormatter = IndexAxisValueFormatter(values: self.chartLabels)
            self.lineChart.xAxis.avoidFirstLastClippingEnabled = true
            print("NOWAK: CHART LABELS THO - \(self.chartLabels)")
            if entryCount == 1 {
                self.lineChart.xAxis.axisMinimum = -1.0
                self.lineChart.xAxis.axisMaximum = 1.0
            } else {
                self.lineChart.xAxis.axisMinimum = 0.0
                self.lineChart.xAxis.axisMaximum = Double(self.chartLabels.count - 1)
            }
            print("X MIN IS \(self.lineChart.xAxis.axisMinimum) AND X MAX IS \(self.lineChart.xAxis.axisMaximum)")
        } else {
            self.lineChart.noDataText = "No Stats For The Past \(self.currentFilter.capitalized)"
            self.lineChart.setNeedsDisplay()
        }
        switch self.currentFilter {
        case "week":
            self.weekFilterButton.backgroundColor = .blue
            self.monthFilterButton.backgroundColor = .darkGray
            self.yearFilterButton.backgroundColor = .darkGray
        case "month":
            self.monthFilterButton.backgroundColor = .blue
            self.weekFilterButton.backgroundColor = .darkGray
            self.yearFilterButton.backgroundColor = .darkGray
        case "year":
            self.yearFilterButton.backgroundColor = .blue
            self.weekFilterButton.backgroundColor = .darkGray
            self.monthFilterButton.backgroundColor = .darkGray
        default:
            print("ERROR SETTING FILTER BUTTON BACKGROUND COLORS")
        }
        self.stopLoading()
}

나는 Charts 3.0.1을 사용하고 있습니다. :)

여기도 마찬가지입니다. Charts 3.0.1 , XCode 8.0 및 Swift 3.0

이 상황에 대한 해결책이 불가능한 경우, 차트가 표시 될 때 마지막 값 (오늘)을 강조 표시하여 "BalloonMarker"에 "Dec XX \ n500 ".

내 편에 분명히 :)

확인했습니다.

차트 3.0에서 x 축은 y 축처럼 동작하므로 y 축 레이블을 확인할 수 있습니다. 가장 큰 y 축 레이블은 데이터의 최대 값보다 작습니다.

computeAxisValues() 에서는 축의 최소 / 최대 값 (데이터의 최소 / 최대 값)에서 최소값과 최대 값을 읽고 x 축 레이블을 얻기위한 간격을 계산합니다.

예를 들어 ChartsDemo-Line Chart Dual YAxis에서 x 값이 0에서 20 사이 인 경우
computeAxisValues() 는 최소 / 최대 값으로 0, 20을 취하고, 내 labelCount 는 기본적으로 6이고, rawInterval = (max - min) / labelCount 계산하고 나중에 최종 간격은 3이됩니다. 0부터 시작하여 0,3,6,9,12,15,18 인 7 (labelCount + 1) 레이블을 얻습니다. 마지막 x 축 레이블은 20이 아니라 18입니다.

isAvoidFirstLastClippingEnabled 가 작동하지 않는 이유는 마지막 레이블이 경계를 벗어 났을 때 처리하기 때문에이 문제와 관련이 없습니다.

데이터의 x 값인 레이블을 확인하려면 computeAxisValues() 를 조정하여 레이블을 반환해야합니다. computeAxisValues() 에서 자세한 내용을 확인하면 변경할 수 있습니다.

@danielgindi 그런 사용자 사례에 대해 어떻게 생각하십니까?

@ liuxuan30 특정 레이블을 반환하기 위해 computeAxisValues 을 조정하고 싶지 않습니다. 예를 들어, 날짜별로 차트를 표시 할 때 (예 : x- 값은 요일, 한 달의 일 또는 1 년의 달) 표시 할 첫 번째 및 마지막 레이블 (예 : 월요일과 일요일 또는 1 / 1 및 31/1).

먼저 형식이 지정된 값 (예 : 요일 이름 또는 형식이 지정된 요일)을 생성 한 다음 다음과 같이 설정합니다.

    xAxis.axisMinimum = 0
    xAxis.axisMaximum = Double(xValues.count - 1)
    xAxis.valueFormatter = IndexAxisValueFormatter(values: xValues)

내가 필요한 것은 항상 첫 번째 레이블과 마지막 레이블을 표시 한 다음 둘 사이의 레이블을 계산하는 더 똑똑한 computeAxisValues 입니다.

이것은 매우 기본적이고 매우 일반적인 사용 사례입니다.

이해 했어요. x 축 레이블에 대한 버그가 있습니다 (예 : 레이블 겹침).
현재 로직은 먼저 최소 / 최대 값을 알고, 그로부터 간격을 생성하고 누적하여 축 레이블을 얻습니다. 그러나 현재 computeAxisValues() 은 최대 값 / 마지막 레이블이 xAxis.axisMaximum임을 보장하지 않습니다. 그것이 내가 이것에 대해 @danielgindi 의 입력이 필요한 것입니다.

computeAxisValues ​​()에 'tweak'보다는 'override'를 사용해야 할 수도 있습니다. 첫 번째 / 마지막 값이 항상 해결 방법으로 표시되도록 구현을 제공 할 수 있습니다. 그러나 이로 인해 레이블이 경계를 벗어 났거나 다른 문제가 발생할 수 있습니다.

또 다른 방법은 setLabelCount(count, forceLabelEnabled) 이 x 값 개수와 같거나 결과를 확인하기 위해 절반을 시도하는 것입니다.
논리는 상당히 다릅니다.

        // force label count
        if axis.isForceLabelsEnabled
        {
            interval = Double(range) / Double(labelCount - 1)

            // Ensure stops contains at least n elements.
            axis.entries.removeAll(keepingCapacity: true)
            axis.entries.reserveCapacity(labelCount)

            var v = yMin

            for _ in 0 ..< labelCount
            {
                axis.entries.append(v)
                v += interval
            }

            n = labelCount
        }

추가 과정이 아니라 단순한 수학뿐입니다.

@ liuxuan30 x 축 값이 문자열 형식

@ vaibhav-varshaaweblabs x 축은 이제 차트 3.x에서 두 배만 사용하므로 valueFormatter를 사용하여 두 배 대신 레이블을 표시 할 수 있습니다. 그러나 확대 / 축소 / 스크롤을 고려해야하는 경우 valueFormatter가 복잡 할 수 있습니다.

누구든지 Charts 3.0.2에서 이에 대한 해결책을 찾았습니까? x 축 레이블에 날짜 문자열을 사용하고 있으며 마지막 레이블이 가끔 사라지는 것을 보았지만 재현하는 데 문제가 있습니다. isAvoidFirstLastClippingEnabled 이 true 설정되어 있습니다. 이것이 # 2563과 관련이 있는지 궁금합니다.

@ vaibhav-varshaaweblabs @raudabaugh : setDataCount 메서드가 X 및 Y에 대해 int 또는 double 값을 예상하기 때문에 어떻게 사용자가 X 축에 문자열을 그릴 수 있었습니까?
친절하게 알려주세요. 미리 감사드립니다.

bottomAxis.setLabelCount (entries.size (), true); 마지막으로 표시되도록 여백을 오른쪽으로 설정합니다.

    lineChart?.xAxis.setLabelCount(arrOfMonth.count, force: true)

이것은 라인 차트의 마지막 값을 표시하는 데 도움이 될 것입니다.