Techniques

Cette section permet de regrouper un ensemble de techniques ou de scripts qui ont l'originalité d'arriver à résoudre une difficulté avec le moindre effort ou qui sont particulièrement efficaces...

Techniques / Graphiques vectoriels à la volée depuis ASP
DypsoSVGPie 2.0.59

La mise en place d'outils statistiques plus ou moins poussés, oblige chacun de nous développeur à avoir recours à des moyens de représentations des données sous une autre forme que le traditionnel tableau de données. Plusieurs librairies existent donc sous la forme de composants COM payants pour la plupart pour vous permettre de générer des graphiques en barres, camembert ou autre, à la volée depuis ASP.

Le format de sortie peut varier avec la possibilité généralement, de pouvoir générer des images GIF,JPG, etc. Quelques outils du commerces permmettent aussi d'avoir un rendu vecvtoriel qui est généralement du Flash. Mais c'est mésestimé ou ne pas connaître le SVG qui est un langage XML permettant la description de figures vectorielles et d'animations au moins aussi complexes.

Pour la lecture d'un document SVG Adobe fournit gartuitement un plugin qui est le SVG Viewer. D'autres éditeurs gratuit existent aussi pour la lecture des document SVG.

Le composant DypsoSVGPie vous permet de générer dynamiquement un graphique en forme de camembert depuis ASP. Pour ce faire, il vous suffit d'installer le composant gratuit en téléchargement sur cette page. Celui-ci est trés simple d'utilisation puisqu'il s'appuie sur seulement deux interfaces :

• Pie : correspond à l'objet graphique lui même
• Data : correspond à une donnée que l'on souhaite représenter

Objet Pie

- Propriétés :

• FileName: Nom du fichier généré (dans les prochaines versions il sera possible de l'enregistrer sur disque ou de le proposer en téléchargement)
• Title : Titre du graphique qui apparaîtra sur le document généré. Si le graphique SVG est généré seul dans une pop-up, celle-ci portera aussi ce titre
• Description : permet de fournir une description textuelle du graphique si nécessaire.

- Méthodes :

• Draw : Cette méthode permet d'envoyer le flux SVG vers le navigateur client.
• AddData : Cette méthode permet d'ajouter une nouvelle donnée à représentée dans le graphique. Elle renvoie un objet Data que 'lon peut ensuite personnalisé.

Objet Data

- Propriétés :

• Label : Nom qui apparaitra dans la légende du graphique
• Value : Valeur de la donnée à représenter
• Color : Couleur associée à la donnée représentée dans le graphique. Les couleurs HTML prédéfinies peuvent être utilisée (red,black,orange...). La couleur peut aussi s'exprimée en notation RGB hexadecimale (#FF0000)

New
Le camembert généré présente par défaut toutes les parties explosées mais grâce au script il est possible de manipuler chacune de ces différentes parties en cliquant dessus.
Le menu contextuel permet le zoom sur le graphique svg généré.

Next
Les animations de scripting seront développées.
Le fichier svg pourra être sauvegardé sur disque.
Le fichier sera produit en fichier svgz au format compressé par l'algorithme gzip.

Exemple : Afficher un diagramme en SVG à la volée> Page suivante