高程图添加了一个新的数据点
Highcharts add a new data point
我正试图每分钟更新一次高程线图。如这个链接所示现在,我对绘制图形的函数使用周期性的javascript调用。问题是它从头开始画。是否有可能将新的数据点添加到现有的行?
$(function () {
$.getJSON('https://www.highcharts.com/samples/data/jsonp.php? filename=usdeur.json&callback=?', function (data) {
$('#container').highcharts({
chart: {
zoomType: 'x'
},
title: {
text: 'USD to EUR exchange rate over time'
},
subtitle: {
text: document.ontouchstart === undefined ?
'Click and drag in the plot area to zoom in' : 'Pinch the chart to zoom in'
},
xAxis: {
type: 'datetime'
},
yAxis: {
title: {
text: 'Exchange rate'
}
},
legend: {
enabled: false
},
plotOptions: {
area: {
fillColor: {
linearGradient: {
x1: 0,
y1: 0,
x2: 0,
y2: 1
},
stops: [
[0, Highcharts.getOptions().colors[0]],
[1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
]
},
marker: {
radius: 2
},
lineWidth: 1,
states: {
hover: {
lineWidth: 1
}
},
threshold: null
}
},
series: [{
type: 'area',
name: 'USD to EUR',
data: data
}]
});
});
});
您应该在数据系列中使用addPoint
函数…
这是一个图表的例子,每秒钟更新一次
http://jsfiddle.net/gh/get/jquery/1.9.1/hililide-software/highcharts.com/tree/master/samples/highcharts/demo/dynamic-update/相关文章:
- 动态构建一个数据表与scriplets
- 单击一个数据表,填充第二个数据表
- jquery获取一个数据标记并使用它做一些事情
- 在JSON中创建一个数据对(不是字典,而是两个独立的数据)
- 在FB.api函数中创建一个数据项目
- AngularJS从另一个数据模型访问数据模型
- 如何检测一个数据角色=“页面”中对特定列表视图项的单击,并在另一个数据上显示相应的数据
- 在 Backbone js 中永久引用来自另一个数据的数据
- Canvas getImageData() 为了获得最佳性能.提取所有数据或一次提取一个数据
- 我有一个数据列表,我将其转换为 Ul 和 li 的列表,现在我希望这个列表在 JSP 中显示为树
- jQuery 查找具有一个数据键和多个值的数据属性
- 如何在我的高图表饼图中获取一个数据标签,这是一个字体很棒的图标
- 如何从一个数据数组绘制图表并从另一个数据数组在图表上制作标签?高图表 v.4.0.4.
- 更新其中一个数据表单元格的多个下拉值的最佳方法是什么
- jQuery Mobile - 如何在从一个数据角色页面移动到另一个数据角色页面时传递参数
- 谷歌图表API:一个数据系列,两个垂直轴
- 为什么这个ajax请求有一个数据字符串,里面有一堆带破折号的数字
- 可以't使用jquery在selected中选择一个数据
- 我在angular js中调用一个数据抛出json,但不接收数据为什么
- JavaScript中的Ajax只发送数组中的最后一个数据