JQPlot Легенда вне графика

Я использую JQPlot, и у меня есть много графиков на одной странице HTML. Каждый из графиков имеет одну и ту же легенду.

Мой вопрос заключается в следующем: возможно ли вывести легенду полностью за пределы графика со своей позицией на странице HTML или в своем собственном div?

legend:{ show:true, renderer: $.jqplot.EnhancedLegendRenderer, location: 's' , placement : "outside", marginTop : "30px", rendererOptions: { numberRows: 1 } }, 

Вы можете использовать размещение: «снаружи», как в приведенном выше коде. И вы можете переместить его с помощью свойств marginTop, marginBottom, marginRight, marginLeft.

Может быть, вы могли бы скрыть легенду от второго до последнего графика, например:

 legend: { show:false} 

и на 1-м графике поместите что-то вроде:

  legend:{ show:true, placement: 'outside', rendererOptions: { numberRows: 1 }, location:'n' 

Таким образом, вы увидите только одну легенду в верхней части графиков.

Вы ищете title ? Вы можете стилизовать .jqplot-title, чтобы выглядеть по-другому. По умолчанию он отображается за пределами графика.

 $.jqplot('chartdiv', [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]], { title:'Exponential Line', axes:{yaxis:{min:-10, max:240}}, series:[{color:'#5FAB78'}] }); 

Вы также можете переделать легенду. См. table.jqplot-table-legend на странице http://www.jqplot.com/docs/files/jqPlotCssStyling-txt.html.