jquery flot 그래프의 줌 범위 값을 수정하십시오.

Question

줌 범위를 제한 할 수있는 zoomRange 함수를 사용하여 그래프에 줌 범위를 지정했습니다. xaxis 및 yaxis의 경우 두 값 (예 : zoomRange[min, max])이 필요합니다.

내가 직면하는 문제는이 범위에 대해 제공해야하는 올바른 값입니다. 문서에서 주어진 범위를 zoomRange[0.1, 10]으로 지정하면 확대/축소가 작동하지 않고 임의의 값을 주면 그래프가 yaxis를 확대하고 xaxis가 확대되거나 그 반대가됩니다.

xaxis: { 
     mode: "time", 
     zoomRange: [240000, 2550000] 
     }, 
yaxis: { 
     zoomRange: [2, 22] 
     } 

이들 값은 임의의 값이며, 따라서 서로 다른 데이터 양에 대해 잘 수행하지 않는다 - 다음

I 그래프에 준 값

이다.

그래프의 모든 유형에 대해 zoomRange가 수행 할 수있는 값을 원합니다. 당신이 알아 낸 경우

P.S은 : 나도 몰라 문제를

Answer 1

을 극복하지 않았다 여전히 개월 전이 질문을했다.

" zoomRange"줌이 일어날 수있는 간격, 예를 들면이다 : 어쨌든, 나는이 발견 zoomRange : [1, 100] 의 최소값과 최대 값의 차이가 1보다 작거나 100보다 큰 값으로 축의 절대치가 조정되지 않습니다. 무시할 값을 null로 설정할 수 있습니다. 여기

는 : http://code.google.com/p/flot/source/browse/trunk/jquery.flot.navigate.js?r=186

Answer 2

나는 좋은 줌 동작은 데이터 범위의 최소 및 최대로 panRange을 설정하는 것으로 나타났습니다 +/- ~ 10 %. 그런 다음 zoomRange를 데이터의 최소 증가분으로 설정합니다. * some-small-integer 및 upper zoomRange 값에 대해서는 null입니다. panRange는 축소 할 수있는 범위를 제한하므로 upper zoomRange 제한은 실제로 필요하지 않습니다. 당신은 $ 35- $ 85 당신의 X 데이터를 매시간 간격에 이르기까지 주가 데이터가있는 경우 예를 들어, 당신은 할 수 :이 예에 따라서

xaxis: { 
    mode: "time", 
    // set the lowest (zoomed all the way in) range on the x axis to 2 hours 
    zoomRange: [7200000, null], 
    // set the pan limits slightly outside the data range 
    panRange: [min_time*0.9, max_time*1.1] 
}, 
yaxis: { 
    // set the lowest range on the y-axis to 5 dollars 
    zoomRange: [5, null], 
    // set the pan limits slightly outside the data range 
    panRange: [30, 90] 
} 

, 당신은 아래로 모든 방법을 확대 할 수있을 것입니다 2 시간 동안 5 달러 씩 증가합니다. 끝까지 확대하면 panRange 매개 변수에 지정된 범위로 끝납니다.

최소 zoomRange를 낮게 설정하면 확대 할 수 있습니다 (그러나 데이터의 세분성을 고려하면 이치에 맞지 않습니다). 그리고 panRange 한계를 더 넓게 설정하면 더 많이 축소 할 수 있습니다.