如何更新,实时显示曲线图
1个回答
2015-06-28 · 知道合伙人数码行家
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)的函数
希望回答对您有帮助.
万山数据
2024-11-14 广告
2024-11-14 广告
实时数仓处理是我们北京万山数据科技有限公司数据处理能力的核心之一。它基于先进的流处理技术,能够实时捕获、处理和分析海量数据,确保数据的时效性和准确性。通过构建高效的实时数据管道,我们能够实现数据的即时入库与查询,为业务决策提供强有力的支持。...
点击进入详情页
本回答由万山数据提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询