Charts: 애니메이션 업데이트

사실 이미 생각하고 구현하려고 하는 기능입니다.
우리는 지금 많은 것을 가지고 있습니다. 그래서 그 동안 이것이 당신에게 정말 중요하다면 다음과 같이 할 수 있습니다.

데이터 세트 _A_, 데이터 세트 _B_ 및 0 와 1 사이의 _phase_ 값을 사용하는 함수를 만듭니다.
이 기능은 다음을 수행합니다.

1. 새 데이터 세트 정의 _C_
2. _A_의 각 값을 반복하고 C[i] = (B[i] - A[i]) * phase + A[i]
3. 새 데이터 세트로 _C_를 반환합니다.

이제 0 에서 1 까지의 간단한 숫자에 애니메이션을 적용하고 "from" 데이터 세트 및 "to" 데이터 세트와 함께 함수에 전달해야 합니다. 결과는 차트 보기로 전달되어야 합니다 :-)

차트에서 애니메이션 유틸리티를 사용할 수도 있습니다. 이 유틸리티는 여유와 물건을 포함하여 이미 숫자에 애니메이션을 적용할 수 있습니다.

그래서 그것은 거의 케이크의 복숭아이고, 내가 할 수 있는 한 빨리 이것을 라이브러리에 추가할 계획입니다. 그러나 적어도 그 동안에는 해결책이 있습니다 ;-)

안녕하세요! 이미 구현된 기능인가요?

데이터 세트에 새 값을 추가하고 한계선의 위치를 ​​변경하는 애니메이션이 필요합니다.

안녕하세요, 저는 파이 차트에서 데이터 변경 애니메이션을 적용하려고 합니다. 이미 언급한 기능이 있지만 "0에서 1로 간단한 숫자에 애니메이션 효과를 주는" 방법을 찾는 데 어려움을 겪고 있습니다. 이에 대한 생각이 있습니까? 감사 해요!

여보세요! 기능이 이미 구현되어 있습니까?

이 기능에 대한 지원을 추가하고 일부 완화 기능에 따라 간단한 값을 보간하는 좋은 방법을 찾고 있습니다(해결 방법용). 모든 애니메이션 라이브러리는 보기 또는 속성에서 작동하는 것처럼 보이지만 단순한 숫자의 값을 "애니메이션"하고 싶습니다. 단순해야 하는 것 같군요. 제가 잘못된 곳을 찾고 있는 것은 아닐까요?

내 솔루션을 공유한 아래 게시물을 보고 싶을 수도 있습니다. 나는 그것이 완벽과는 거리가 멀다는 것을 알고 있지만 작동하는 것 같습니다. http://stackoverflow.com/questions/34730917/animating-a-double-from-0-to-1-in-swift-over-a-specified-interval/34774113#34774113

@apiejh 빠른 답변 감사합니다. 정말 감사합니다. 나는 이것을 타이머 기능으로 작동시킬 수 있었다. Hacky, 하지만 작동합니다! 적어도 더 나은 접근 방식을 사용할 수 있을 때까지는.

이에 대한 업데이트 또는 가능한 솔루션이 있습니까?

+1, 데이터가 포함된 차트가 있고 일부 비동기 프로세스가 완료되면 하나 이상의 새 데이터 세트를 추가하거나 데이터 세트의 데이터 포인트(예: _라이브 데이터_)를 확장하고 싶습니다. 차트가 처음부터 다시 작성하는 대신 새 데이터 세트에 애니메이션을 적용할 수 있다면 훨씬 더 눈을 즐겁게 할 것입니다.

@kevinjtchen 이 https://github.com/danielgindi/Charts/pull/2889에 대한 PR을 게시했습니다.

"차트에서 애니메이션 유틸리티를 사용할 수도 있습니다. 이 유틸리티는 여유와 물건을 포함하여 이미 숫자에 애니메이션을 적용할 수 있습니다."

단일 데이터 세트에만 전체 차트를 애니메이션화하는 옵션이 표시되지 않습니다. 내가 뭔가를 놓치고 있습니까?

2년이 넘었는데 어떻게 구현하는지 아시는 분 계신가요?

이것이 구현될 예정입니까? 나는 다음과 같이 간단한 것을 할 수 있기를 원한다.

lineChart.animate(to: newDataSet, duration: 1.0);

setupChart()를 다시 호출하기 전에 이전 값의 배열을 지우고 새 값으로 채우십시오.

벌써 2019년인데 전체 차트를 처음부터 다시 그리지 않고 데이터 변경 사항을 애니메이션화하는 솔루션이 있습니까? 🙂

2년이 넘었는데 어떻게 구현하는지 아시는 분 계신가요?

이제 4년이 넘었습니다. 우리가 이것을 얻지 못할 것이라고 말하는 것이 있습니다 :(

PR #2889가 닫힌 이유는 확실하지 않지만 danielgindis 구현을 위한 빠른 코드 조각을 원하는 사람들을 위해: https://github.com/mrjko/testCharts/blob/master/chartsTest/BarChartViewController/BarChartViewController.swift

lineChart에 대해 이 작업을 수행하는 방법을 아는 사람이 있습니까? 전체 차트를 다시 그리지 않고 점 위치를 부드럽게 변경해야 합니다.

@vittorionapoli 위에 게시된 @mrjko 와 동일하게 사용할 수 있지만 LineChartDataSet으로 대체

func partialResults(setA: LineChartDataSet, setB: LineChartDataSet, phase: Double) -> LineChartDataSet {
    let newSet = LineChartDataSet()

    for index in 0..<setA.entries.count {
        let currA = setA.entries[index].y
        let currB = setB.entries[index].y

        let newValue = (currB - currA) * phase + currA
        newSet.append(BarChartDataEntry(x: Double(index), y: newValue))
    }

    return newSet
}

@mrjko 위의 방법은 누적 막대 차트 의 yValues 배열 에 대해 어떻게 작동합니까?
BarChartDataEntry(x: Double(index), yValues: [anArrayOfyValues])

제시된 솔루션을 LineChartDataSet 업데이트하고 setA 와 setB 가 다른 경우 dataSet에서 새 값을 추가/제거합니다.

    func partialResults(setA: LineChartDataSet, setB: LineChartDataSet, phase: Double) -> LineChartDataSet {
        let newSet = LineChartDataSet()
        let setACount = setA.entries.count
        let setBCount = setB.entries.count

        for index in 0..<min(setACount, setBCount) {
            let currA = setA.entries[index].y
            let currB = setB.entries[index].y

            let newValue = (currB - currA) * phase + currA
            newSet.append(ChartDataEntry(x: Double(index), y: newValue))
        }

        let diff = abs(setACount - setBCount)
        if setACount < setBCount {
            for index in setBCount - diff..<setBCount {
                let currB = setB.entries[index].y
                let newValue = currB
                newSet.append(ChartDataEntry(x: Double(index), y: newValue))
            }
        } else if setACount > setBCount {
            for index in setACount - diff..<setACount {
                let currA = setA.entries[index].y
                let newValue = currA
                newSet.append(ChartDataEntry(x: Double(index), y: newValue))
            }
        }

        return newSet
    }