2013-01-22 21 views
7

Sto usando JQPlot e ho molti grafici su una pagina HTML. Ciascuno dei grafici ha la stessa leggenda.Legenda JQPlot al di fuori del grafico

La mia domanda è questa: è possibile visualizzare una legenda totalmente al di fuori del grafico con la propria posizione nella pagina HTML o nel proprio div?

risposta

0

Stai cercando title? Puoi stile .jqplot-title per apparire in modo diverso. Viene visualizzato al di fuori del grafico per impostazione predefinita.

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

Si potrebbe anche restringere la legenda. Vedere table.jqplot-table-legend a http://www.jqplot.com/docs/files/jqPlotCssStyling-txt.html

3

Forse si potrebbe nascondere la legenda del 2 ° all'ultimo grafico, in questo modo:

legend: { show:false} 

e nel 1 ° grafico, mettere qualcosa come:

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

Questo in questo modo mostrerai solo una legenda nella parte superiore dei grafici.

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

È possibile utilizzare il posizionamento: "esterno" come nel codice precedente. E puoi spostarlo usando le proprietà marginTop, marginBottom, marginRight, marginLeft.

Problemi correlati