要动态向一个序列添加点,可以使用 addPoint 方法。以下是一个简单的示例,展示如何在 Highcharts 中实现这一功能。请注意,这里使用了一些虚拟数据。
let chart;
function requestData() {
const x = (new Date()).getTime(); // 当前时间
const y = Math.random(); // 随机数据
chart.series[0].addPoint([x, y], true, true); // 添加点并更新图表
setTimeout(requestData, 1000); // 每秒请求一次数据
}
window.addEventListener('load', function () {
chart = Highcharts.chart('container', {
chart: {
type: 'line',
events: {
load: requestData // 图表加载时调用请求数据函数
}
},
title: {
text: '动态数据更新示例'
},
xAxis: {
type: 'datetime',
tickPixelInterval: 150
},
yAxis: {
title: {
text: '值'
}
},
series: [{
name: '随机数据',
data: []
}]
});
});l
在这个示例中,requestData 函数每秒生成一个新的随机数据点,并将其添加到图表中。你可以根据需要调整数据生成逻辑。