Graph 更新highstock图表时,滚动条始终向右
我有一个用AJAX实时更新的图表。我得到响应,然后用它更新系列并重新绘制图表,如下所示:Graph 更新highstock图表时,滚动条始终向右,graph,highcharts,scrollbar,highstock,Graph,Highcharts,Scrollbar,Highstock,我有一个用AJAX实时更新的图表。我得到响应,然后用它更新系列并重新绘制图表,如下所示: function updateChart() { $.ajax({ type: "GET", url: "/get_user_devices_levels", dataType: "json", success: function(response){ $($chart.series).each(function(i) { $chart.ser
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();
}
});
}
我希望我的滚动条保持在xAxis的最大值(右),但当我重新绘制图表时,它不会向右移动。我该怎么做呢?正如Deep 3015建议的那样:Axis.setextrems
可用于此
此示例显示如何保持最初选择的时间间隔:
你可以用这个
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]);