히포차트와 스크롤 기능을 응용하여 대량의 데이터를 그려보자.

  
 현재버전(3.4) 에서 히포차트는 스크롤 기능을 직접적으로 지원하지 않습니다. 다만, 위와 같이 Panel 컨트롤을 이용하여 응용하여 사용이 가능합니다. 

 방법:

 1. 우선, 가장 먼저 Panel 하나를 끌어다 놓습니다. 이 패널은 위 그림에서 가장 자리 라인 효과를 주기 위한 컨트롤로서 Padding 을 1~ 5 정도로 주고 배경색을 원하는 색으로 설정합니다. 

 2. 다음 Panel 하나를 더 끌어다 놓고 위 패널에 Docking = Full 로 하여 올려 놓습니다. 그럼 자연스래 위에서 설정한 배경색이 라인처럼 보이겠죠(패딩이 있으므로). 그리고 이 두번째 패널은 AutoScroll = true 로 설정해야합니다.

 3. 이제 히포차트를 두번째 패널에 올려놓습니다. 이때 히포차트에 Dock 혹은 Anchor 를 주시면 안됩니다. 적당한 위치에 그냥 올려놓으시면 됩니다. 이때 히포차트는 DesignType 을 None으로 설정하는 것이 좋고, 두번째 패널의 배경색은 히포차트와 같은 흰색으로 하시는 것이 더욱 보기 좋을듯합니다. 


코드 참고: 

http://www.hippochart.com/hippo/hippogallery.aspx?cate=feature&type=scroll

위 코드를 참고하여 코드를 작성해보시기 바랍니다. 코드를 보시면 데이터 개수에 맞게 차트의 넓이를 동적으로 넓혀주고 있습니다. 그만큼 스크롤은 길어지겠지요 ^^;;


정리: 

 뭐 방법은 다양하겠지만 가장 원활하게 표현할 수 있는 방법을 샘플로 한 번 만들어 보았습니다. 위 샘플을 이용한다면 Zomm in/out 기능도 어느정도 구현이 가능할 것입니다.