Legenda JQPlot poza wykresem

Question

Używam JQPlot i mam wiele wykresów na jednej stronie HTML. Każdy z wykresów ma tę samą legendę.

Moje pytanie brzmi: Czy możliwe jest wyświetlanie legendy całkowicie poza wykresem z własną pozycją na stronie HTML lub we własnej div?

Answer 1

Szukasz title? Możesz stylować .jqplot-title, aby wyglądać inaczej. Domyślnie pojawia się poza wykresem.

$.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'}] 
}); 

Można również zmienić legendę. Zobacz table.jqplot-table-legend na http://www.jqplot.com/docs/files/jqPlotCssStyling-txt.html

Answer 2

Może ukryć legendę o 2 do ostatniego wykresu tak:

legend: { show:false} 

i w 1. wykresie umieścić coś takiego:

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

This sposób będzie wyświetlał tylko jedną legendę na górze wykresów.

Answer 3

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

Możesz użyć miejsca docelowego: "na zewnątrz" jak w powyższym kodzie. Możesz go przenieść za pomocą właściwości marginTop, marginBottom, marginRight, marginLeft.