jQuery Flot étiquettes de données / axes au-dessus du graphique
Est-il un moyen de superposition de l'axe des x et l'axe numérique des étiquettes sur un jQuery Flot graphique. Je veux donc les étiquettes pour ne pas être à l'extérieur, à côté du graphique, mais sur le haut du graphique lui-même.
L'exemple suivant crée une superposition div en haut du graphique pour les annotations:
http://people.iola.dk/olau/flot/examples/annotating.html
Est-il un moyen simple de saisir le texte et le formatage d'un axe à partir de l'intérieur de flot et de la création d'une telle superposition? Ou, est-il peut-être une autre meilleure façon de la superposition des étiquettes de l'axe sur le dessus du graphique?
source d'informationauteur Candidasa
Vous devez vous connecter pour publier un commentaire.
Une façon, qui n'est pas particulièrement propre et surtout ne fonctionnera pas bien si vous le montrer en x et en y de l'axe des étiquettes de graduation dans le même temps, consiste à définir la
labelMargin
option sur lagrid
à une valeur négative.Une deuxième idée pourrait être de saisir tous les
div
's qui ontclass="tickLabel"
après que le graphique a été peint. Et puis "manuellement" modifier leur positionnement CSS.Bien sûr, cela a encore quelques problèmes comme le plus bas de l'étiquette de graduation des valeurs de x et l'axe y se chevauchent les uns les autres et le plus bas/plus haut étiquette de graduation des valeurs de x et l'axe y sera placé sur les arêtes du graphe. Mais avec des réglages fins, cela pourrait être une solution viable.
Une troisième idée serait d'utiliser directement un
tickFormatter
pour les étiquettes de graduation de la x - et y-axis. Cela fonctionne de la même pour la deuxième idée, mais serait de le placer où vous le souhaitez sans peut-être perceptible l'étiquette de "scintillement" le repositionnement de ce qui peut se produire avec la fonction dans la deuxième idée.Comment cette
tickFormatter
fonction pourrait ressembler le mieux est dérivé en regardant le jQuery Flot de code source en particulier la fonctionmeasureLabels
(ce qui permet d'obtenir une idée de comment le Flot lui-même les positions les étiquettes de graduation) et la valeur par défaut cochez formateur qui ressemble