按照highchart官网上 写了一个实时刷新的 曲线。

Highcharts.setOptions({ global: { useUTC: false } }); 
        var chart;
        $("#timedata-chart").highcharts({
            chart: {
                type: 'spline',
                events: {
                    load: function(){
                        var series=this.series[0];
                        setInterval(function(){
                            var currentDate=new Date();
                            var x=currentDate.getTime(),
                                y=Math.random();
                            series.addPoint([x,y],true,true);
                        },60*120);
                    }
                }
            },
            title: {text:'datatime'},
            xAxis: {
                type: 'datetime',
                tickPixelInterval: 80,
                dateTimeLabelFormats: {
                    month: '%e. %b',
                    year: '%b'
                }
            },
            yAxis: {
                title: {text: '用户'},
                tickInterval: 0.1,
                min: 0,
                max: 2,
                lineWidth: 1
            },
            series: [{
                name: 'Random data',
                data: (function(){
                    var data=[],
                        time=(new Date()).getTime(),
                        i;
                    for(i=-19;i<=0;i+=1){
                        data.push({
                            x: time+i*1000,
                            y: Math.random()
                        });
                    }
                    return data;
                }())

            }],
            credits: {enabled: false}
        });

现在问题来了，要刷新两条曲线要怎么做呢，走过路过的大大，不要嫌弃我废柴啊。

扫码关注w3ctech微信公众号