Highcharts

Highcharts est un script javascript permettant de générer des graphiques dynamiques en SVG. Il possède de nombreuses fonctionnalités et permet d’exporter les graphiques au format png, jpeg, svg, pdf.

Site web ⇒ http://www.highcharts.com/ Docs API ⇒ http://api.highcharts.com/

Il est important de savoir que highcharts converti les données horaire en gmt ce qui peut créer des surprises. Nous allons supprimer cette option et en même temps franciser le tout.

  Highcharts.setOptions({
    lang: {
      loading: 'graph is loading',
      rangeSelectorZoom: '',
      months: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
      weekdays: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
      shortMonths: ['Jan', 'Fév', 'Mar', 'Avr', 'Mai', 'Jui', 'Jui', 'Aoû', 'Sep', 'Oct', 'Nov', 'Déc'],
      decimalPoint: ',',
      thousandsSep: "'"
    },
    global: {
      useUTC: false
    }
  });

Par défaut lorsque vous exportez votre graphique, les données sont envoyées sur le serveur highcharts qui se charge de nous générer un pdf ou une image. Pour plusieurs raison, nous voulons exporter nous même nos graphs.

Tuto ⇒ http://www.highcharts.com/docs/export-module/render-charts-serverside

Télécharger phantomJS sur http://phantomjs.org/download.html suivant votre système 32 ou 64bits.

Une fois décompressé nous avons besoin uniquement du binaire phantomjs qui se trouve dans le répertoire bin. Nous allons le copier dans /usr/local/bin pour qu’il soit accessible de partout.

Téléchargez le fichier highcharts-convert.js