如何避免与jqplot中的图例重叠

Question

我正在使用jqplot，我的情节标记与我的图例重叠，如下所示

我需要在刻度线下方移动图例。 我的代码是，

var plot3 = $.jqplot('chartdiv', [], {
animate: true,
animateReplot: true,
axes:{
    xaxis:{
        renderer:$.jqplot.DateAxisRenderer,
        tickRenderer: $.jqplot.CanvasAxisTickRenderer,
        tickOptions:{
            formatString:'%b',
            angle: -90
                },
        tickInterval:'1 month'
    },
    yaxis:{
          label:'',
          labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
          tickRenderer: $.jqplot.CanvasAxisTickRenderer,
          tickOptions: {
              angle: 15
          },

        }
},
legend:{ 
    show:true,
        renderer: $.jqplot.EnhancedLegendRenderer,
        location: 's' ,
        placement : "outside",
        rendererOptions: {
            numberRows: 1
        }
     },
series:[{lineWidth:4, markerOptions:{style:'square'}}],
dataRenderer: sineRenderer
});

有办法吗？感谢。

Answer 1

您可以使用marginTop属性作为图例渲染器，如documentation

中所述

legend: {
     marginTop: "50px"
}

指定偏移量。

这是example on jsFiddle，基于您问题中的代码。正如您在屏幕截图中看到的那样，图例位于轴标签下方。

_{以下是fiddle}

的可编辑版本的链接