每5秒更新一次HighCharts

Question

I am using this code to render a 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>

How can get this to update every 5 seconds and show some indication on the chart if something changes?

Answer 1

Try

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

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