2013-04-10 21 views
0

拖動其中一個導航器句柄時,兩個日期都會更改。Highstock bug:拖動一個導航器句柄會更改兩個日期

要重現,請轉至http://jsfiddle.net/rNer2/5/並拖動其中一個導航器手柄。在提供的測試用例中,問題僅在第一次拖動句柄時發生。它實際上也可能發生在其他情況下,但也許在這裏修復它也會修復其他情況。

請參見下面的重複代碼:

<div id="container" style="height: 400px; min-width: 600px"></div> 
<script src="http://code.highcharts.com/stock/highstock.js"></script> 
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script> 
<div id="mindate" style="position:absolute;top:40px;left:0px;margin-left:20px;"></div> 
<div id="maxdate" style="position:absolute;top:40px;right:0px;margin-right:50px;"> 

$(function() { 
    var data = []; 

    for (var i = 1971; i < 2020; ++i) { 
     data.push([Date.UTC(i, 0, 1), 1]); 
    } 

    var chart = new Highcharts.StockChart({ 
     chart: { 
      renderTo: 'container', 
      type: 'column', 
      events: { 
       load: function() { 
        displayDates(this.xAxis[0].getExtremes()); 
       } 
      } 
     }, 
     xAxis: { 
      ordinal: false, 
      events: { 
       afterSetExtremes: function(e) { 
        displayDates(e); 
       } 
      }, 
      min: Date.UTC(1984, 0, 1), 
      max: Date.UTC(1988, 0, 1) 
     }, 
     series: [{ 
      data: data 
     }] 
    });      
}); 

function displayDates(e) { 
    $('#mindate').html(Highcharts.dateFormat('%m/%d/%y %I:%M:%S%p', e.min)); 
    $('#maxdate').html(Highcharts.dateFormat('%m/%d/%y %I:%M:%S%p', e.max));  
} 
+0

似乎是工作的罰款。我移動了兩個手柄(分別),一次只移動一個手柄。除非我故意移動這兩者。 – saGii 2015-04-20 09:57:01

回答

0

請熟悉很簡單的例子:

http://jsfiddle.net/ebLTE/

$('#container').highcharts('StockChart', { 
     chart:{ 
      type:'column' 
     }, 

     rangeSelector : { 
      selected : 1 
     }, 

     title : { 
      text : 'AAPL Stock Price' 
     }, 
     xAxis:{ 
      min:1172707200000, 
      max:1175126400000 
     }, 

     series : [{ 
      name : 'AAPL', 
      data : data, 
      tooltip: { 
       valueDecimals: 2 
      } 
     }] 
    }); 
+0

提供的示例對我來說有同樣的問題。你是否說你不能用你的例子重現它? – 2013-04-11 18:58:29

相關問題