$(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}
});
});