jquery - JQPlot Jquery Legend は MVC3 のプロットの背後にあり、色は非表示になっています (表示されていません)。それらを画面に表示するにはどうすればよいですか

Question

凡例をグリッドの横に移動するにはどうすればよいですか? 凡例は表示されますが、テキストの横の色が表示されません。Series1 Series 2 などを表示するだけで、横に色はありません。

JQuery タブを使用しています

<form><fieldset>
<div>
<div id="tabs" title="Graphs">
        <ul>
            <li><a href="#tabs-4">Graph 1</a></li>
</ul>
</div>

<div id="tabs-4"><div id="chart1"/></div>
</div>

</fieldset></form>

$(document).ready(function(){
    var s1 = [200, 600, 700, 1000];
    var s2 = [460, -210, 690, 820];
    var s3 = [-260, -440, 320, 200];
    // Can specify a custom tick Array.
    // Ticks should match up one for each y value (category) in the series.
var ticks = ['May', 'June', 'July', 'August'];

var plot1 = $.jqplot('chart1', [s1, s2, s3], {
    // The "seriesDefaults" option is an options object that will
    // be applied to all series in the chart.
    seriesDefaults:{
        renderer:$.jqplot.BarRenderer,
        rendererOptions: {fillToZero: true}
    },
    // Custom labels for the series are specified with the "label"
    // option on the series option.  Here a series option object
    // is specified for each series.
    series:[
        {label:'Hotel'},
        {label:'Event Regristration'},
        {label:'Airfare'}
    ],
    // Show the legend and put it outside the grid, but inside the
    // plot container, shrinking the grid to accomodate the legend.
    // A value of "outside" would not shrink the grid and allow
    // the legend to overflow the container.
    legend: {
        show: true,
        placement: 'outsideGrid'
    },
    axes: {
        // Use a category axis on the x axis and use our custom ticks.
        xaxis: {
            renderer: $.jqplot.CategoryAxisRenderer,
            ticks: ticks
        },
        // Pad the y axis just a little so bars can get close to, but
        // not touch, the grid boundaries.  1.2 is the default padding.
        yaxis: {
            pad: 1.05,
            tickOptions: {formatString: '$%d'}
        }
    }
});

});

凡例は表示されますが、チャートの背後にあります。グリッドの隣に移動するにはどうすればよいですか?

location:nw、offset、placement を試しましたが、うまくいきません。

Answer 1

jquery.jqplot.css を追加すると、うまくいきました。