I have a problem when I add markings to an existing chart with zoom
functions.
After adding markings when I load the page I got this error :
xrange.axis.p2c is not a function
on
jquery.flot.js
Line: 1464

and when I try to zoom on chart the area is dragged but nothing happens

Here is my piece of code for markings
Is it wrong?

    // setup background areas
    var markings = [
        { color: '#AAFFAA', yaxis: { from: -2, to: 2 } },
        { color: '#FE7681', yaxis: { from: 2, to: 4 } },
        { color: '#FE7681', yaxis: { from: -2, to: -4 } }

    ];    

    var options = {
        legend: { show: true },
        series: {
            lines: { show: true },
            points: { show: false }
        },
        yaxis: {  min: -4, max: 4 , ticks: 10 },
        xaxes: [{mode:'time',timeformat:'%y/%m/%d<br>%H:%M'}],
        //selection: { mode: "xy" }
        selection: { mode: "xy" }
        , grid: { markings: markings }
    };

thanks
Marco