javascript - 如何避免刻度与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属性用于图例渲染器，如文档中所述

legend: {
     marginTop: "50px"
}

指定偏移量。

这是基于您问题中的代码的jsFiddle 示例。正如您在屏幕截图中看到的，图例放置在轴标签下方。

_{这是小提琴可编辑版本的链接}