도형을 사용하여 범위를 기반으로 밀도가 높은 데이터를 동적으로로드하십시오.

Question

많은 데이터가 포함되어 있고 대부분 동적으로로드하려는 시나리오가 있습니다.

사용자가 Dygraphs 인스턴스가있는 웹 페이지를로드 할 때 가장 이상적인 시나리오에서 미리 정의 된 범위의 데이터 만로드됩니다. 동시에 아래의 범위 선택기는 전체 데이터의 "모양"을 표시합니다.

또한 사용자가 다른 범위를 선택하면 해당 범위의 데이터가로드됩니다 (단순성을 위해 범위가 겹치는 문제는 무시하고 새 범위의 모든 항목이로드된다고 가정).

범위 선택기에 대해 전체 범위를 사용할 수있는 동시에이 형식의 동적 데이터로드를 얻으려면 어떻게해야합니까?

Answer 1

한 명의 사용자가 demos과 같은 것을 만들었습니다. dygraphs 메일 링리스트에는 약 discussion가있었습니다.

접근 방법은 데모 페이지에서 더 자세히 설명되어 있지만 일반적인 생각은 페이지로드시 데이터의 거친 버전을로드하고 렌더링 한 다음 필요에 따라 더 세분화 된 데이터로 추가하는 것입니다.

또 다른 접근법은 범위 선택기와 확대 된 차트 용으로 서로 다른 데이터 소스를 가진 두 개의 차트를 만드는 것입니다. this demo의 하단 차트를 참조하십시오.