하이 차트에서 4 시간 범위 설정

스크롤 막대가 활성화 된 상태에서 하이 스톡 그래프에 몇 가지 중요한 신호를 보여줍니다. 사용자가 스크롤하는 위치 나로드되는 데이터의 양에 관계없이 xAxis를 따라 4 시간 창만 표시하려고합니다. 그래프를 처음로드 할 때 min 및 max 값을 설정하고 minRange를 4 시간으로 설정했지만 스크롤바가 사용되면 정말 이상한 행동이 발생합니다. xAxis 배율이 변경되고 스크롤바가 뒤로 이동하는 것 같습니다. 그리고 앞으로.하이 차트에서 4 시간 범위 설정

defaultOptions = { 
    title: { 
     text: "" 
    }, 
    navigator: { 
     enabled: false 
    }, 
    rangeSelector: { 
     enabled: false 
    }, 
    plotOptions: { 
     series: { 
      stickyTracking: false 
     } 
    }, 
    tooltip: { 
     animation: false, 
     crosshairs: false, 
     shared: false, 
     formatter: tooltipFormatter 
    }, 
    credits: { 
     enabled: false 
    }, 
    xAxis: { 
     minRange: chartRangeInMillis, 
     maxZoom: chartRangeInMillis, 
     min: 1364229900000, 
     max: 1364244300000, 
     tickInterval: 15 * 60 * 1000, 
     minTickInterval: 15 * 60 * 1000, 
     startOnTick: true, 
     gridLineWidth: 1, 
     ordinal: false, 
     endOnTick: false, 
     labels: { 
      formatter: function() { 
       var d = new Date(this.value); 
       return (d.getMinutes() === 0) ? '<b>' + Highcharts.dateFormat('%H:%M', this.value) + '</b>' : d.getMinutes(); 
      } 
     } 
    }, 
    yAxis: { 
     lineWidth: 2, 
     min: 0, 
     max: 250, 
     offset: 0, 
     tickInterval: 50, 
     showLastLabel: true, 
     labels: { 
      align: 'right', 
      x: -5, 
      y: 3 
     } 
    } 
};

현재 동작 볼 수 있습니다

: 다음은 설정 옵션 중 일부입니다 http://jsfiddle.net/6w3C3/

내가 다시 그리기와 다른 이벤트 콜백을 통해 극단적 인 설정을 시도했다, 그러나 아무 소용이. 내가 뭘 놓치고 있니?

출처

2013-03-26 mofeeta

startOnTick 옵션을 false로 설정하고 minRange를 제거하면 스크롤하는 문제가 해결됩니다.

출처

2013-03-28 14:52:07 mofeeta

하이 차트에서 4 시간 범위 설정

답변

관련 문제