PrimeFaces 3.4 Tableaux datatipFormat

aujourd'hui, j'ai voulu essayer la nouvelle PrimeFaces version 3.4.RC1.
Pour les cartes il y a un nouvel attribut appelé datatipFormat.

Je veux montrer que la valeur (axe des y) dans un graphique en ligne comme les infobulles.
Comme ceci:

<p:lineChart value="#{...}" datatipFormat="y-value"/>

Que dois-je faire pour afficher seulement cela?
Je ne pouvais pas trouver un exemple avec un modèle de Chaîne de caractères.

Cordialement
Veote

OriginalL'auteur veote | 2012-08-21

  1. 18

    Primefaces utilise un jqPlot Bibliothèque pour les Graphiques. J'y ai trouvé l'entrée suivante:

    Surligneur.formatString

    J'ai essayé (exemple de Primefaces Vitrine):

       <p:lineChart  id="basic" value="#{userBean.categoryModel}" legendPosition="ne" 
   datatipFormat="#{userBean.datatipFormat}"  title="Basic Bar Chart" min="0"
    max="200" style="height:300px"/>

    UserBean

    public String getDatatipFormat(){
   return "<span style=\"display:none;\">%s</span><span>%s</span>";
}

    et avec ce petit truc est que l'axe y affiche.

    OriginalL'auteur maciek

  2. 10

    Vous pouvez utiliser le extender la propriété de tous les PrimeFaces graphique des balises pour remplacer l'option par défaut options de tracé. Exemple:

    <script type="text/javascript">
  function customExtender() {
    this.cfg.highlighter = {
      useAxesFormatters: false,
      tooltipAxes: 'y'
    }
  }
</script>
...
<p:lineChart extender="customExtender" value="..." />

    Autres jqplot options peuvent être trouvées ici: http://www.jqplot.com/docs/files/jqPlotOptions-txt.html mais s'il vous plaît noter que le document dit qu'il est hors de date.

    OriginalL'auteur Rafał

  3. 4

    datatipFormat utilise sprintf pour le format de la chaîne de l'info-bulle, de sorte que vous pouvez imprimer uniquement la deuxième paramètre (axe y):

    <p:lineChart value="#{...}" datatipFormat="%2$d"/>

    OriginalL'auteur mark0z

  4. 2

    Astuce pour BarChartModel():

    public String getDatatipFormatX() {
    return "<font size=4 color=blue><span style=\"display:none;\">%s</span><span>%s</span></font>";
}

    Astuce pour HorizontalBarChartModel():

    public String getDatatipFormatY() {
    return "<font size=4 color=blue><span>%s</span><span style=\"display:none;\">%s</span></font>";
}

    Exemples d'utilisation:

    private void MyCharts(){

//get data (from database, for example) to be displayed

myBarChartModel = new BarChartModel();
myHorizontalBarChartModel = new HorizontalBarChartModel();

ChartSeries verticalSeries = new ChartSeries("verticalSeries");
ChartSeries horizontalSeries = new ChartSeries("horizontalSeries");

myBarChartModel.addSeries(verticalSeries);
myHorizontalBarChartModel.addSeries(horizontalSeries);

myBarChartModel.setDatatipFormat(getDatatipFormatX());
myHorizontalBarChartModel.setDatatipFormat(getDatatipFormatY());
//other chart settings...

}

    Puis, dans la page JSF:

    <p:chart type="bar" model="#{chartBean.myBarChartModel}" />
<p:chart type="bar" model="#{chartBean.myHorizontalBarChartModel}" />

    OriginalL'auteur jMarcel

  5. 0

    Vous pouvez afficher uniquement le premier 0 caractères de la valeur x (%.0s), ce qui signifie pour les masquer. Derrière elle, vous pouvez faire ce que vous voulez de la valeur de y dans la chaîne de format.

    yourBarChartModel.setDatatipFormat("%.0s%s");

    OriginalL'auteur heiwil