Javascript 使用Highstock、PHP和Mysql的实时图形

Javascript 使用Highstock、PHP和Mysql的实时图形,javascript,php,graph,highcharts,real-time-data,Javascript,Php,Graph,Highcharts,Real Time Data,我正在开发一个web应用程序,不知道如何正确地做到这一点,我已经在使用highstock制作静态图表,我从Mysql数据库检索温度,并使用我自己设计的PHP类,通过使用json将数据发送到javascript。我知道我想做什么这是可能的,highcharts网页中有一个JSFIDLE示例(),但它只绘制随机js生成的数据 我的猜测是,我必须制作一个js脚本,不断从PHP脚本中检索温度,并将其发送到highstock脚本进行绘图,对吗?我怎么写这样的剧本?我知道很多PHP和Mysql,但是我对js

我正在开发一个web应用程序,不知道如何正确地做到这一点,我已经在使用highstock制作静态图表,我从Mysql数据库检索温度,并使用我自己设计的PHP类,通过使用json将数据发送到javascript。我知道我想做什么这是可能的,highcharts网页中有一个JSFIDLE示例(),但它只绘制随机js生成的数据

我的猜测是,我必须制作一个js脚本,不断从PHP脚本中检索温度,并将其发送到highstock脚本进行绘图,对吗?我怎么写这样的剧本?我知道很多PHP和Mysql,但是我对js的了解非常模糊,所以任何帮助都是非常感谢的

这是我现有的js脚本

<script>
$(function () {
    $('#container').highcharts('StockChart', <?php echo $chart; ?>);
});
</script>
类的hs属性是一个加载了highstock api参数的数组,通过上述PHP代码将其转换为json并放入上述js脚本中


谢谢

简单的方法是准备PHP脚本,它只返回json和每次应该添加的数据。下一步是catch setInterval(如示例中所示)并调用$.getJSON(),以访问php数据点。最后一步是通过addPoint添加值。只需检查此项。给你两个关键词:
AJAX
setInterval
/
setTimeout
。我如何使本教程适应多个系列?谢谢
function __toString(){
    $this->datos();
    return json_encode($this->hs);
}