如何更新,实时显示曲线图

2025年05月06日 12:31
有1个网友回答
网友(1):

Highcharts的用法:如何更新,实时显示曲线图
var masterChart;
var data;
$(function(){
data ={
chart: {
renderTo: 'container', ////放置图表的容器
defaultSeriesType: 'column', //图表类型line, spline, area, areaspline, column, bar, pie , scatter
marginRight: 10,
marginBottom: 10
},
title: {
text: 'Monthly Average Temperature',
x: -20 //center
},
subtitle: {
text: 'Source: WorldClimate.com',
x: -20
},
xAxis: {
categories: [
'Jan',
'Feb',
'Mar',
'Apr',
'May',
'Jun',
'Jul',
'Aug',
'Sep',
'Oct',
'Nov',
'Dec'
]
},
yAxis: {
min: 0,
title: {
text: 'Rainfall (mm)'
}
},
legend: {
layout: 'vertical',
backgroundColor: '#FFFFFF',
align: 'left',
verticalAlign: 'top',
x: 100,
y: 70
},
tooltip: {
formatter: function() {
return ''+
this.x +': '+ this.y +' mm';
}
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0
}
},
series: [{
name: 'Tokyo',
data: [['Jan',49.9], ['Feb',71.5], ['Mar',106.4], ['May',129.2], ['Jun',144.0]]

}]
};
masterChart = new Highcharts.Chart(data);

曲线显示出来后,如何用 定时器 更新修改masterChart ,是否有类似update(data)的函数
希望回答对您有帮助.