更新 highstock 图表时滚动条总是向右
Scroll bar alway to right when updating highstock graph
我有一张图表正在使用 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();
}
});
}
我希望我的滚动条保持在 xAxis 的最大值(右),但是当我重新绘制图表时,它没有向右移动。我该怎么做?
正如 Deep 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]);
我有一张图表正在使用 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();
}
});
}
我希望我的滚动条保持在 xAxis 的最大值(右),但是当我重新绘制图表时,它没有向右移动。我该怎么做?
正如 Deep 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]);