2013-11-28 3 views
0

ajax 요청을 사용하여 센서 데이터를 표시하는 하이스트 록 차트가 있습니다. xAxis에서 극단이 바뀔 때마다 서버에서 관련 데이터를로드하고 표시합니다. 페이지에는 데이터를 볼 기간의 시작 날짜와 종료 날짜를 선택하는 데 두 개의 dateTime 컨트롤이 있습니다.스크롤의 최대 및 최소 xAxis 값 설정

이제 시작일을 2012 년 11 월 28 일로 설정하고 11 월 28 일까지 끝내고 스크롤하면 (최소 범위는 1 일) 사용자는 선택한 범위에서 스크롤 할 수 있습니다. 나는 그것을 금지하려고 노력하고있다.

작동하는 예제 나 솔루션을 찾을 수 없습니다.

내가의 chart.navigator.xAxis.min 및 최대를 설정하는 시도도 chart.xAxis.min 및 최대를 설정하려고하지만이 가지고 ...

를 작동하지 않는 여기에 자신을 봐 : http://carbocount.wikidot.com/project:products:visualization

답변

0

이 문제는 직접 해결할 수있었습니다. afterSetExtremes 이벤트에서 범위가 선택한 기간 사이에있는 경우 e.dataMine.dataMax을 사용하여 극단을 확인했습니다. 극단을 리셋하지 않았습니까?

 // if the user tries to zoom outside of the selected time period 
     // cancel the event and reset extremes 
     var extremesReset = false; 

     if (e.dataMin < plotStart.getTime()) { 
      e.dataMin = plotStart.getTime(); 
      extremesReset = true; 
     } 
     if (e.dataMax > plotEnd.getTime()) { 
      e.dataMax = plotEnd.getTime(); 
      extremesReset = true; 
     } 

     var chart = $('#plot').highcharts(); 

     if (extremesReset) 
      chart.xAxis[0].setExtremes(e.dataMin, e.dataMax); 
+0

확실히 좋습니다. 확실히 setExtremes()를 사용해야합니다. –