2017-12-15 4 views
0

AJAX로 실시간 업데이트되는 그래프가 있습니다. 나는 응답을하고 난 시리즈를 업데이트하고이 같은 차트 다시 그리기를 사용고지 그래프를 업데이트 할 때 항상 오른쪽에서 오른쪽으로 스크롤 막대

function updateChart() { 
    $.ajax({ 
    type: "GET", 
    url: "/get_user_devices_levels", 
    dataType: "json", 
    success: function(response){ 
     $($chart.series).each(function(i) { 
     $chart.series[i].update(response[i]); 
     }); 
     $chart.redraw(); 
    } 
    }); 
} 

내 스크롤은 x 축 (오른쪽)의 최대에가는 요리를 유지하는 것이 원하는,하지만 내가 차트를 다시 그릴 때, 그것은 오른쪽으로 가지 않습니다. 내가 어떻게 해?

+0

당신이 사용할 수 https://api.highcharts.com/class-reference/Highcharts.Axis#setExtremes :

이 예는 원래 선택한 시간 간격을 유지하는 방법을 보여줍니다 –

답변

1

딥 3015 : Axis.setExtremes을 사용할 수 있습니다. http://jsfiddle.net/kkulig/q2u679zg/

var xAxis = chart.xAxis[0], 
    ex = xAxis.getExtremes(), 
    interval = ex.max - ex.min, 
    newPoint = [Date.UTC(2017, 0, 5), 7]; 
    chart.series[0].addPoint(newPoint); 
    xAxis.setExtremes(newPoint[0] - interval, newPoint[0]); 
관련 문제