源代码

深海的小鱼编制-PLOT
script language javascript   type text/javascript src jquery.js /script
script language javascript type text/javascript src jquery.flot.js /script

    // we use an inline data source in the example, usually data would
    // be fetched from a server
    var data [], totalPoints 300;
    function getRandomData() {
        if (data.length 0)
            data data.slice(1);
        // do a random walk
       while (data.length totalPoints) {
            var prev data.length 0 ? data[data.length - 1] : 50;
           var y prev Math.random() * 10 - 5;
            if (y 0)
                y
            if (y 100)
                y 100;
            data.push(y);
        }
        // zip the generated y values with the x values
        var res [];
        for (var i i data.length; i)
            res.push([i, data[i]])
        return res;
    }
    var options {
        series: { shadowSize: 0 }, // drawing is faster without shadows
        yaxis: { min: 0, max: 100 },
        xaxis: { show: false }
    }
    var plot $.plot($( #apDiv1 ),[getRandomData()],options);
    function update() {
        plot.setData([ getRandomData() ]);
        // since the axes don t change, we don t need to call plot.setupGrid()
        plot.draw();
        setTimeout(update, 1);
    }
    update();

});

/script

图解