Comment puis-je changer le style de la légende à Flot?
J'ai juste changé ma version de Flot de 0,6 à 0,7, cependant, quand je fais cela, la légende dans mon Flot graphique change de style. Auparavant, j'avais utilisé le "LabelClass" attribut de changer de style, mais à la lecture de la source de 0,7 je vois que "labelClass" n'est plus une option et il semble que je sois obligé d'utiliser le "tableau" de la CSS définition qui est utilisée partout dans le site que je suis en train de travailler sur. De ce fait je ne peux pas changer le site CSS du "tableau" de la définition.
Est-il une autre bonne méthode pour changer la définition d'une légende ou suis-je coincé?
Excuses à l'avance, c'est juste une question de newbie
Salutations
OriginalL'auteur ssi_bas | 2011-03-30
Vous devez vous connecter pour publier un commentaire.
Il a changé de nom, la nouvelle de la classe est
legendLabel
pour les labels etlegendColorBox
pour la boîte de couleur.Vous pouvez le voir dans jquery.flot.js.
MODIFIER en réponse, il semble que la question est de savoir comment vous le style de l'ensemble de la table. Supposons que votre flot de l'espace réservé est quelque chose comme ceci:
Ensuite, vous pouvez définir CSS comme ceci:
Voir ici en action: http://jsfiddle.net/ryleyb/YkDpG/1/
J'ai édité ma réponse à montrer certains détails sur la façon de style de la légende dans son ensemble
merci pour l'info, j'ai essayé avec FF et ça fonctionne (même si j'ai quelques autres questions que j'ai besoin de traiter avec), mais quand je l'ai essayer avec IE6 (qui est le navigateur cible, malheureusement) il n'y a pas de changement pour le style de légende. Toutes les idées (en dehors de dumping IE6, qui est)?
Oh, oui, vous ne pouvez pas utiliser le même sélecteurs CSS dans IE6, malheureusement... simplement se débarrasser de deux
>
dans le sélecteur CSS et juste avoir des espaces à la place (c'est à dire#foo div.legend table
)excellent! Je suis bien obligé! Je vous remercie.
OriginalL'auteur Ryley
Une autre façon de style de la légende est d'utiliser le jQuery
.css()
(http://api.jquery.com/css/) méthode d'après le graphique a été tracé.Par exemple:
ou:
OriginalL'auteur rsbarro