Etiquette d'axe en Flot

Question

Est-ce que quelqu'un sait comment on peut définir l'étiquette ou le titre d'un axe dans Flot?

J'ai lu l'API mais il ne semble pas avoir cette fonctionnalité ...

Merci :)

Answer 1

Il n'y a aucun intégré à flot.

Votre meilleur pari est de faire vous-même via positionné divs, mais si vous êtes aventureux, vous pouvez regarder le problème (Ou l'original de la question) et de voir comment d'autres personnes ont traité avec elle.

Plus précisément, il y a deux personnes qui ont récemment fait l'étiquette liée à des révisions à flot:

https://github.com/RuiPereira/flot/raw/axislabels/jquery.flot.axislabels.js

http://github.com/xuanluo/flot-axislabels

Answer 2

J'utilise cette solution de contournement:

 yaxis: {
tickFormatter: function(val, axis) { return val < axis.max ? val.toFixed(2) : "CZK/l";}
}
 

Très simple, la valeur maximale sur l'axe des ordonnées est remplacée par une chaîne personnalisée. Je n'ai pas testé l'axe X, mais je ne vois pas pourquoi cela ne fonctionnerait pas.

Answer 3

Auto-plug éhonté: j'ai corrigé et grandement étendu le plugin flot-axislabels de xuanluo: http://github.com/markrcote/flot-axislabels/ Pour autant que je sache, c'est la meilleure solution pour les libellés d'axe.

Answer 4

Une suggestion que j’ai vue qui fonctionne plutôt bien est de placer le graphique au milieu d’un tableau 3x3. Ensuite, les étiquettes peuvent être placées dans les autres cellules.

 <table style="text-align:center">
  <tr>
    <td></td>

    <td>Plot Title Goes Here</td>

    <td> </td>
  </tr>

  <tr>
    <td>Y Axis Label</td>

    <td>
      <div id="graph here" style="width:600px;height:300px"></div>
    </td>

    <td></td>
  </tr>

  <tr>
    <td></td>

    <td>X Axis Label Goes Here</td>

    <td></td>
  </tr>

</table>
 

Answer 5

jqPlot a un support pour cela, si vous pouvez utiliser une alternative

http://www.jqplot.com