如何更新,实时显示曲线图
2015-04-27 · 知道合伙人数码行家
huanglenzhi
知道合伙人数码行家
向TA提问 私信TA
知道合伙人数码行家
采纳数:117538
获赞数:517192
长期从事计算机组装,维护,网络组建及管理。对计算机硬件、操作系统安装、典型网络设备具有详细认知。
向TA提问 私信TA
关注
展开全部
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)的函数
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)的函数
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询