每5秒更新一次HighCharts

时间:2014-11-19 11:04:36

标签: javascript php 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秒更新一次并在图表上显示一些指示?

1 个答案:

答案 0 :(得分:0)

尝试

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

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