2013-03-26 64 views
1

我在一個highstock圖中顯示了一些生命跡象,並且啓用了滾動條。我只想沿着xAxis顯示一個4小時的窗口,無論用戶滾動到哪裏,或者加載了多少數據。最初加載圖形時,我設置了最小值和最大值,並將minRange設置爲四個小時,但當使用滾動條時,出現了一些非常奇怪的行爲:xAxis縮放比例發生變化,滾動條似乎跳回並且。這裏有一些的配置選項:在高圖中設置一個四小時的範圍

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/

我試過上重繪,並通過其他事件回調設置極端,但無濟於事。我錯過了什麼?

回答

1

原來,如果我將startOnTick選項設置爲false,並刪除minRange,則會解決滾動問題。