Javascript 每5秒更新一次HighCharts

我正在使用以下代码渲染HighChart：

  <script>
    var chart = new Highcharts.Chart({
        chart: {
           renderTo: 'container1',
           title: '',
           type: 'column'
        },
        xAxis: {
            categories: ["<?php echo  join($data0, '","') ?>"],
            title: {
                text: 'Month'
            }
        },
        yAxis: {
            title: {
                text: 'Orders'
            }
        },
        series: [{
           name: '<?php echo  date("Y",strtotime("-1 year")); ?>',
           color: '#666666',
           data: [<?php echo  join($data1, ',') ?>]
        }, {
           name: '<?php echo  date("Y"); ?>',
           color: '#2196F3',
           data: [<?php echo  join($data2, ',') ?>]
        }],
        credits: {
            enabled: false
        },
        title: {
            text: ''
        }
  });
  </script>

如何让它每5秒钟更新一次，并在图表上显示一些变化指示？

试试看

setInterval(function(){
    chart.series[0].update({
        data: [<?php echo  join($data1, ',') ?>]
    }, true);

    chart.series[1].update({
        data: [<?php echo  join($data2, ',') ?>]
    }, true);
}, 5000);

---

你看到了吗？是的，但我不知道如何使用它，但像我使用的真实数据？该示例似乎只是随机增加值来给出一个示例。如果您有一个返回chartoptions的url，您可以简单地使用ajax轮询并重新初始化图形，您遇到了什么问题？请阅读我们的从服务器获取实时数据。