Pour des raisons de maintenance du site, un arrêt du site aura lieu lundi 16 décembre 2019 à partir de 18H00, pour une durée estimée de 30 minutes.

Veuillez nous excuser pour les désagréments que cette opération pourrait causer.

We apologize for untranslated text, you can use the Google Translation button to get an automatic translation of the web page in the language of your choice.

Utilisation du taglib <jalios:chart>

Joris Teisseire · on 9/7/18 at 10:01 AM

Bonjour, 

Je souhaite créer un graphique statistique de la manière suivante (Nombre moyen de visite par heure) : 

<jalios:chart id='chartMoy' chart='<%= new TimeChart().addSeries(intVisitsHoraire, extVisitsHoraire) %>' >
{
  type: 'bar',

  options: {
    scales: {
      xAxes: [{
        time: { 
          displayFormats: { 
            hour :   'HH'
          }
        }
      }]
    },
    
    tooltips: {
      callbacks: {
        title: function(tooltipItem, data) {
          var milliseconds = tooltipItem[0].xLabel;
          var date = new Date(milliseconds);
          return "Heure : " + date.getHours();
        }
      }              
    }
  }
}
</jalios:chart>

 

Mon soucis est que le type "bar" ne s'applique pas, seul le type "line" persiste. 

Comment puis-je appliquer le type "bar" ?

 

Mon rendu : 

mceclip0

13 pts
Ludovic Smadja - on 9/7/18 at 11:46 AM
Best answer

Bonjour,

Vous avez 2 possibilités pour faire cela.

Soit vous utilisez une BarSerie à la construction du jeu de données si vous pouvez, comme décrit dans la documentation (Restricted access link) . Le tag effectuera alors le rendu correct.

L'autre solution est effectivement de positionner le type de graphe à Bar mais dans notre implémentation du tag chart, la série impose son type de rendu sur le rendu global du graphe (d'où la classe BarSeries).

Dans ce cas, il faut venir modifier le json utilisé pour configurer le chart comme vous avez fait mais en modifiant la série (exemple pour la deuxième série) et non le chart global:

{
    "datasets": [
      {}, // on ne modifie pas la première série
      {
         "type": "bar"
      },
      {}
]
}
9 pts