Chart.zoom() 호출 후 X축 해제: 단계별 가이드

Question

이 문제를 해결하기 위해 차트가 시작될 때 특정 확대/축소를 설정하도록 스크롤 전략을 설정했습니다. 그러면 차트가 자동 스크롤되지 않습니다. X 축이 더 이상 존재하지 않습니다. 두 배로 늘릴 필요 없이 축을 해제하려면 어떤 함수를 호출해야 합니까? X축을 클릭하시겠습니까? setScrollStrategy(AxisScrollStrategies.progressive) ，在加载的页面上，图表滚动得非常快，因为我的数据传入得很快。不过，我通过使用 chart.zoom({ x: -200, y: 180 }, { x: 500, y: 500 })

또 다른 문제는 데이터가 어떻게 정리되는지 이해할 수 없다는 점입니다. 처음에는 예상했습니다.

총 포인트가 1000이 넘는 것을 확인하고 잠시 실행시켜 보았지만 여전히 정리되지 않습니까? 시계열 차트에 필요한 데이터의 총 기간을 계산했는데 그 결과는 120,000개의 데이터 포인트입니다. 필요하지 않은 오래된 데이터 포인트를 정리하는 동안 차트에 항상 최소 120,000개의 포인트가 있도록 하려면 어떻게 해야 합니까? 렌더링되나요? series.setDataCleaning({ minDataPointCount: 1000 }) 清理超过 1000 且看不见的数据点，但我 console.log( series.getPointAmount())

Answer 1

In setScrollStrategy(AxisScrollStrategies.progressive): -- 축은 시작과 끝 사이의 거리를 일정하게 유지하고 스크롤하여 활성 축 간격 위에 계열 경계를 표시합니다.

그러나 너무 빨리 로드되지 않도록 Axis의 setInterval 속성을 사용하여 간격을 수동으로 설정할 수 있습니다.

으아아아

다음과 같이 setInterval에 다른 매개변수를 전달할 수도 있습니다.-

disableScrolling: true인 경우 간격을 설정한 후 자동 스크롤을 비활성화합니다.

animate: 애니메이션을 활성화하는 부울 값 또는 애니메이션 지속 시간(밀리초)에 대한 숫자

으아아아