Highstock 버그 : 하나의 네비게이터 핸들을 드래그하면 두 날짜가 모두 변경됩니다.

Question

네비게이터 핸들 중 하나를 드래그하면 두 날짜가 모두 변경됩니다.

재생하려면 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));  
} 

Answer 1

아주 간단한 예를 잘 알고하십시오 :

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 
      } 
     }] 
    });