Comment changer le style de la légende dans Flot?

Question

Je viens de changer ma version de Flot de 0.6 à 0.7, mais quand je fais cela, la légende de mon graphe Flot change de style. Auparavant, j'avais utilisé l'attribut "LabelClass" pour changer le style mais en lisant la source pour 0.7, je vois que "labelClass" n'est plus une option et je semble forcé d'utiliser la définition CSS "table" qui est utilisée le site sur lequel je travaille. Pour cette raison, je ne peux pas modifier la définition de «table» CSS du site.

Y at-il une autre bonne méthode pour changer la définition d'une légende ou suis-je coincé?

Toutes mes excuses à l'avance est c'est juste une question de débutant

Cordialement

Answer 1

Il a changé de nom est tout, la nouvelle classe est legendLabel pour les étiquettes et legendColorBox pour la boîte de couleur.

Vous pouvez le voir dans jquery.flot.js.

EDIT En réponse, il semble que la question est de savoir comment styliser la table entière. Supposons que votre espace réservé Flot est quelque chose comme ceci:

<div id="foo" style="width:600px;height:300px"></div> 

Ensuite, vous pouvez définir CSS comme ceci:

#foo > div.legend > table { 
    border: 2px red solid; 
} 

Voir ici en action: http://jsfiddle.net/ryleyb/YkDpG/1/

Answer 2

Une autre façon de style de la légende est de utilisez la méthode jQuery .css() (http://api.jquery.com/css/) après avoir tracé le graphique.

Par exemple:

$.plot($("#chartFoo"), pieChartData, options); 
$("#chartFoo div.legend table").css("border", "1px solid #888888"); 
$("#chartFoo div.legend table").css("background", "#ffffee"); 

ou:

$.plot($("#chartFoo"), pieChartData, options); 
$("#chartFoo div.legend table").css({ border: "1px solid #888888", background: "#ffffee" });