retours d'expériences, codes sources, réflexions, humeurs... d'un webmaster

Open Flash Charts (OFC) est un outil permettant de générer des graphiques en flash. Quel intérêt de générer du flash plutôt qu'une image ? Le flash va apporter l'interactivité qui manque aux images. Par exemple, vous pourrez ajouter des bulles d'information qui s'afficheront au survol de la souris sur vos différents valeurs.

La plupart des solutions existantes pour créer des graphiques flash sont payantes. Fusion Charts par exemple, vous coûtera 500$.
Bien sûr ces produits payants offrent beaucoup plus de fonctionnalités que OFC, mais pour générer des graphiques de base, ce dernier suffira largement.

Voici donc une présentation succinte d'OFC et comment l'installer.

L'outil OFC, qui en est à sa version 2, comprend une partie flash et différentes APIs (PHP, Java, Perl, .Net...). Vous pouvez télécharger le pack complet, contenant le fichier open-flash-chart.swf ainsi que les différentes APIs sur le site d' Open Flash Chart.

La création d'un graphique passe par la génération d'un fichier de données JSON qui est interprété par l'animation flash. Les différentes APIs ne servent qu'à générer ce fichier. Vous pouvez donc vous en passer et écrire vous même le fichier JSON (le format est bien documenté sur le site OFC).

Intégration
L'intégration du flash peut se faire en utilisant le script JavaScript  swfobject.js

<script type="text/javascript"
  src="swfobject.js"></script>
<script
  type="text/javascript">
     var attributes = {};
     var params =
  {'wmode':'transparent'};
     swfobject.embedSWF("open-flash-chart.swf","my_chart", "600", "300", "9.0.0", "expressInstall.swf", {"data-file":"graph.php"}, params, attributes);
</script>

Ce script va charger les données au format JSON générées par le fichier graph.php vers l'animation flash.
Celle-ci sera ensuite incluse dans le div my_chart.
Sur la page HTML, on prévoira donc le div qui recevra le graphique:

<div id="my_chart"></div>