2013-03-26 66 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,则会解决滚动问题。