jqplot中图表底部的水平图例

Question

我能够使用EnhancedLegendRenderer插件获得jqplot图表的水平图例。但是我需要将水平图例放在图表底部。有什么建议吗？

- Code4Fun

Answer 1

在Stack Overflow发帖时，应该始终展示一些工作内容。这有助于我们理解你的问题。

根据你的描述，我认为你在使用EnhancedLedgendRenderer时遇到了问题。

以下是我用来实现一个1行3列图例的代码。

          legend: {
        // This renderer is needed for advance legends.
        renderer: jQuery.jqplot.EnhancedLegendRenderer,
        show: true, 
        location: 's', 
        placement: 'outside',
        // Breaks the ledgend into horizontal.
        rendererOptions: {
          numberRows: '1',
          numberColumns: '3'
        },
        seriesToggle: true
      },

另外，你可能会因为标点符号和缺乏大写字母而被踩。

- pizoelectric

Answer 2

将放置选项更改为outsideGrid

legend: {
    renderer: jQuery.jqplot.EnhancedLegendRenderer,
    show: true, 
    location: 's', 
    placement: 'outsideGrid',
    rendererOptions: {
      numberRows: '1',
    },
  },

- user3273751