This example demonstrates how to use the legend "location: 'outsideGrid'" option. This option will place the legend outside of the grid but inside of the plot target. It will shrink the grid to accommodate the plot target. Borders have been added to the plot target container elements to clarify how the legend is drawn in each case.

1.0
1.4
1.9
2.3
2.7
3.1
3.6
4.0
0.0
8.8
17.5
26.3
35.0
Snow
Hail
Sleet
Frost
Rain
Fog
$(document).ready(function(){
   s1 = [1,6,9,8];
   s2 = [4,3,1,2];
   s3 = [6,2,4,1];
   s4 = [1,2,3,4];
   s5 = [4,3,2,1];
   s6 = [8,2,6,3];

   plot1 = $.jqplot('chart1',[s1, s2, s3, s4, s5, s6],{
       stackSeries: true,
        seriesDefaults: {
            fill: true,
            showMarker: false,
        },
       legend:{
           renderer: $.jqplot.EnhancedLegendRenderer,
           show:true,
           labels:['Fog', 'Rain', 'Frost', 'Sleet', 'Hail', 'Snow'],
           rendererOptions:{
               numberRows: 1
           },
           placement: 'outsideGrid',
           location: 's'
		},
		axes: {
		    xaxis:{min:1, max:4},
		    yaxis:{min:0, max:35}
		}
   });
});
Precipitation Potential
1
2
3
4
0.0
8.8
17.5
26.3
35.0
Snow
Hail
Sleet
Frost
Rain
Fog
$(document).ready(function(){
    plot2 = $.jqplot('chart2',[s1, s2, s3, s4, s5, s6],{
        stackSeries: true,
        title: 'Precipitation Potential',
        seriesDefaults: {
            renderer: $.jqplot.BarRenderer
        },
        legend:{
            renderer: $.jqplot.EnhancedLegendRenderer,
            show:true,
            showLabels: true,
            labels:['Fog', 'Rain', 'Frost', 'Sleet', 'Hail', 'Snow'],
            rendererOptions:{
                numberColumns:1,
                seriesToggle: 900,
                disableIEFading: false
            },
            placement:'outsideGrid',
            marginLeft: '25px',
            marginTop: '0px'
        },
        axes: {
            xaxis:{renderer: $.jqplot.CategoryAxisRenderer},
            yaxis:{min:0, max:35}
        }
    });
});
1.0
1.4
1.9
2.3
2.7
3.1
3.6
4.0
0.0
8.8
17.5
26.3
35.0
0.2
2.6
5.0
7.4
9.8
4.5
6.0
7.5
9.0
10.5
Snow
Hail
Sleet
Frost
Rain
Fog
$(document).ready(function(){
    plot3 = $.jqplot('chart3',[s1, s2, s3, s4, s5, s6],{
        stackSeries: true,
        seriesDefaults: {
            fill: false,
            showMarker: false
        },
        series : [
            {yaxis: 'y2axis'},
            {yaxis: 'y3axis'}
        ],
        legend:{
            renderer: $.jqplot.EnhancedLegendRenderer,
            show:true,
            labels:['Fog', 'Rain', 'Frost', 'Sleet', 'Hail', 'Snow'],
            rendererOptions:{
                numberColumns:1
            },
            placement:'outsideGrid',
            location: 'e',
            marginLeft: '0px'  // the y3 axis will already pad itself, don't need extra margin.
        },
        axes: {
            xaxis:{min:1, max:4},
            yaxis:{min:0, max:35}
        }
    });
});
Progressive Projection
Dilution Count
1.0
1.4
1.9
2.3
2.7
3.1
3.6
4.0
0.0
8.8
17.5
26.3
35.0
1.0
1.4
1.9
2.3
2.7
3.1
3.6
4.0
Snow
Hail
Sleet
Frost
Rain
Fog
$(document).ready(function(){
   plot4 = $.jqplot('chart4',[s1, s2, s3, s4, s5, s6],{
       stackSeries: true,
       title: 'Progressive Projection',
        seriesDefaults: {
            fill: true,
            showMarker: false,
        },
        series: [
            {xaxis: 'x2axis'}
        ],
       legend:{
           renderer: $.jqplot.EnhancedLegendRenderer,
           show:true,
           labels:['Fog', 'Rain', 'Frost', 'Sleet', 'Hail', 'Snow'],
           rendererOptions:{
               numberRows: 1
           },
           placement: 'outsideGrid',
           location: 's'
		},
		axes: {
		    xaxis:{min:1, max:4, label: 'Dilution Count'},
		    x2axis:{min:1, max:4},
		    yaxis:{min:0, max:35}
		}
   });
});
Progressive Projection
1.0
1.4
1.9
2.3
2.7
3.1
3.6
4.0
0.0
8.8
17.5
26.3
35.0
1.0
1.4
1.9
2.3
2.7
3.1
3.6
4.0
Snow
Hail
Sleet
Frost
Rain
Fog
$(document).ready(function(){
   plot5 = $.jqplot('chart5',[s1, s2, s3, s4, s5, s6],{
       stackSeries: true,
       title: 'Progressive Projection',
        seriesDefaults: {
            fill: true,
            showMarker: false,
        },
        series: [
            {xaxis: 'x2axis'}
        ],
       legend:{
           renderer: $.jqplot.EnhancedLegendRenderer,
           show:true,
           labels:['Fog', 'Rain', 'Frost', 'Sleet', 'Hail', 'Snow'],
           rendererOptions:{
               numberRows: 1
           },
           placement: 'outsideGrid',
           location: 'n'
		},
		axes: {
		    xaxis:{min:1, max:4},
		    x2axis:{min:1, max:4},
		    yaxis:{min:0, max:35}
		}
   });
});