$(document).ready(function(){

    var l1 = [2, 3, 1, 4, 3];
    var l2 = [1, 4, 3, 2, 5];


    plot1 = $.jqplot('chart', [l1, l2], {
      title:'Stacked Filled Line Plot with Transparency (transparency not supported in IE6)',
        stackSeries: true,
        grid:{background:'#fefbf3', borderWidth:2.5},
        seriesDefaults: {fill: true, showMarker: false, shadow: false},
        axes:{xaxis:{pad:1.0, numberTicks:5}, yaxis:{min:0, max:12, numberTicks:5}},
        series:[{color:'rgba(68, 124, 147, 0.7)'}, {color:'rgba(150, 35, 90, 0.7)'}]
    });
    


    plot2 = $.jqplot('chart2', [l2], {
      title:'Default Filled Line Plot',
        axes:{xaxis:{pad:1.0}},
        seriesDefaults: {fill: true}
    });

    plot2 = $.jqplot('chart3', [l2], {
      title:'Filled Line Plot with Stroked Line and Custom Fill Transparency (transparency not supported in IE6)',
        axes:{xaxis:{pad:1.0}},
        seriesDefaults: {fill: true, fillAndStroke: true, fillAlpha:0.5, shadow:false}
    });

    plot3 = $.jqplot('chart4', [l2], {
      title:'Filled Line Plot with Stroked Line and Custom Fill Color',
        axes:{xaxis:{pad:1.0}},
        seriesDefaults: {showMarker:false, fill: true, fillAndStroke: true, fillColor:"rgb(220,202,110)", shadow:false}
    });


  });