Le widget graphe de PingView vous permet de faire différents types de graphiques basiques tels que:

  • Le graphique à courbes
  • Le graphique à aires
  • Le graphique à bâtons (histogramme)
  • Le graphique à barres
  • Le graphique à secteurs (camembert)

Cependant, vous avez la possibilité d’ajouter un code personnalisé et ainsi d’améliorer les graphiques existants afin de créer des graphiques combinés ou barres empilés par exemple.

En cliquant sur le point d’interrogation à gauche de « Code personnalisé », vous serez renvoyé vers l’API de highcharts vous indiquant toutes les modifications graphiques possibles.

Code personnalisé dans PingView

 

Graphique combiné

Code personnalisé

{
  "plotOptions": {
    "series": {
      "stacking": "normal"
    }
  }
}

A partir d’un histogramme pour un graphique à bâtons combinés

Graphique à barres empilées dans PingView

 

A partir d’un graphique à aires pour un graphique à aires combinées

Graphique à aires combinées dans PingView

 

 

Quelques modifications simples

Épaissir le trait d’un graphique à courbes

Code personnalisé

{
« plotOptions »: {
« series »: {
« lineWidth »: 10
}
}
}

Epaissir le trait du graphique courbe dans PingView

 

 

Changer la taille des titres de l’axe des x et y

Code personnalisé

{
« xAxis »: {
« labels »: {
« style »: {« font-size »: « 20px »}
}
},

« yAxis »: {
« labels »: {
« style »: {« font-size »: « 20px »}
}
}
}

Modifier la taille des titres de l'axe des x et y dans PingView