Javascript Highslide JS>;Highchart-如何修改?
我如何制作这个示例,实时,每秒钟更新一次,就像在这个示例中一样 第一个例子,带绘图带的样条曲线,正是我想要的;2个打印图形,带有隐藏或显示其中一个的选项。。 唯一缺少的是让它们像在另一个例子中一样实时更新 我怎么可能做到呢Javascript Highslide JS>;Highchart-如何修改?,javascript,highcharts,Javascript,Highcharts,我如何制作这个示例,实时,每秒钟更新一次,就像在这个示例中一样 第一个例子,带绘图带的样条曲线,正是我想要的;2个打印图形,带有隐藏或显示其中一个的选项。。 唯一缺少的是让它们像在另一个例子中一样实时更新 我怎么可能做到呢 谢谢大家! 第二次实时更新是通过在图表中的加载事件中添加计时器来完成的 chart: { //... events: { load: function() { // set up the updating of the
谢谢大家! 第二次实时更新是通过在
图表中的加载
事件中添加计时器来完成的
chart: {
//...
events: {
load: function() {
// set up the updating of the chart each second
var series = this.series[0];
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = Math.random();
series.addPoint([x, y], true, true);
}, 1000);
}
}
//...
}
因此,当图表完成加载时,将调用,并且每隔1000毫秒(即每秒)调用提供的函数;setInterval
的回调只是通过添加一个新的点
您只需添加一个load
事件处理程序,该处理程序设置一个适当的setInterval
调用来添加新的点。在更现实的情况下,您可以使用启动AJAX调用来获取更多数据,然后在AJAX的成功回调中,添加新的点并再次调用setTimeout
,以安排在另一秒后(或应用程序中的任何时间间隔)进行另一个AJAX调用
该视图看起来相当全面,每个示例(其中有许多)都有一个方便的“视图选项”查看代码的按钮,因此设置内容应该非常简单,需要进行一些研究。我如何停止highcharts加载点?新值是否等于上一个值???@ivcode:我已经有一段时间没有接触highcharts了,所以我不知道,可能会问一个新问题。找到更好的图表库了吗?