Composant Graphe SVG : Différence entre versions

De BlueWiki
(→‎Evolution)
(→‎Evolution)
 
(36 révisions intermédiaires par 2 utilisateurs sont masquées)
Ligne 1 : Ligne 1 :
 
==Généralités==
 
==Généralités==
−
-> [[Composant_Graphe_SVG-EN|English version]]
+
-> [[Composant_Graphe_SVG-EN|English version]] [[File:icone_drapeau-anglais.jpg]]
  
 
Le composant permet de générer les graphes suivants
 
Le composant permet de générer les graphes suivants
Ligne 24 : Ligne 24 :
  
 
==Evolution==
 
==Evolution==
−
Comme ce composant est encore assez jeune, il évolue rapidement, nous sommes à l'écoute de vos suggestions pour le faire progresser.
+
Comme ce composant évolue rapidement, nous sommes à l'écoute de vos suggestions pour le faire progresser.
  
−
Version courante 1.2.2 du 1 janvier 2014
+
Version courante 1.6 du 23 mai 2018
−
La version en cours de développement est la 1.2.3 qui sera disponible le 6 janvier 2014
+
  
 
<big>Consultez les [[Release Notes]]</big>
 
<big>Consultez les [[Release Notes]]</big>
Ligne 33 : Ligne 32 :
 
==Commandes==
 
==Commandes==
 
*[[SGR_Generate_bubbleChart]] permet de générer des graphes à bulles
 
*[[SGR_Generate_bubbleChart]] permet de générer des graphes à bulles
−
*[[SGR_Generate_Graph]] permet de générer des graphes en courbes, aires, barres, points ou graphes combinés
+
*[[SGR_Generate_Gauge]] permet de générer des jauges (version bêta)
−
*[[SGR_Generate_Pie]] permet de générer des camemberts
+
*[[SGR_Generate_Graph]] permet de générer des graphes en courbes, courbes de bézier, aires, barres, points ou graphes combinés
 +
*[[SGR_Generate_Pie]] permet de générer des camemberts et des donuts
 +
*[[SGR_Generate_ProportionalPie]] permet de générer des camemberts dont les parties occupent le même angle mais pas le même rayon
 
*[[SGR_Generate_PolarGraph]] permet de générer des graphes polaires
 
*[[SGR_Generate_PolarGraph]] permet de générer des graphes polaires
 
*[[SGR_Generate_Kiviat]] permet de générer des graphes de Kiviat ou graphes en étoile
 
*[[SGR_Generate_Kiviat]] permet de générer des graphes de Kiviat ou graphes en étoile
 
*[[SGR_Generate_Pyramid]] permet de générer des pyramides telles des pyramides des ages
 
*[[SGR_Generate_Pyramid]] permet de générer des pyramides telles des pyramides des ages
 +
*[[SGR_GenerateTimeLine]] permet de générer des gantt (timeline)
 +
  
 
*[[SGR_DrawMap]] permet de mettre des cartes ou d'autres dessin en couleurs
 
*[[SGR_DrawMap]] permet de mettre des cartes ou d'autres dessin en couleurs
Ligne 79 : Ligne 82 :
 
Fichier:GrapheBulle1.jpg|Exemple de graphe a bulle
 
Fichier:GrapheBulle1.jpg|Exemple de graphe a bulle
 
Fichier:Array.jpg|Exemple de tableau mis en page
 
Fichier:Array.jpg|Exemple de tableau mis en page
−
 
+
Fichier:Jauge2.jpg|Exemple de jauge basic2
 +
Fichier:Gauge1.jpg|Exemple de jauge basic
 +
Fichier:US.jpg|Carte des états unis colorisée
 +
Fichier:EU.jpg|Carte de l'Europe colorisée
 +
Fichier:BarGradient.jpg|Exemple de barres avec gradient de couleur
 +
Fichier:Donut4.jpg|Anneau avec fond de couleur dégradé, couleur sous la légende, polices modifiées
 +
Fichier:SPLine.jpg|Exemple de courbe de Bézier (SPLine) avec gradient de couleur et droite de régression
 +
Fichier:SpecificLook.jpg|Exemple de barres avec des apparences spécifiques pour certaines
 
</gallery>
 
</gallery>

Version actuelle en date du 23 mai 2018 à 22:44

Sommaire

[modifier] Généralités

-> English version Icone drapeau-anglais.jpg

Le composant permet de générer les graphes suivants

  • Barres, barres empilées, barres proportionnelles
  • Aires
  • Courbes
  • Combinés (aires + barres + courbes + points)
  • Camembert
  • Pyramides
  • Kiviat ou graphes en étoiles
  • Graphe à bulles
  • Graphe polaires
  • Cartes colorisées
  • Time Line

La génération des graphes se fait par des commandes très simples et le composant est fournit avec une base d'exemples.


Vous pourrez prochainement accéder à un nouveau type de graphes : Graphe de répartition en aire.


Au survol vous pouvez connaitre l'élément survolé pour pouvoir afficher une bulle d'aide personnalisée et détaillée.

[modifier] Evolution

Comme ce composant évolue rapidement, nous sommes à l'écoute de vos suggestions pour le faire progresser.

Version courante 1.6 du 23 mai 2018

Consultez les Release Notes

[modifier] Commandes


  • SGR_DrawMap permet de mettre des cartes ou d'autres dessin en couleurs

[modifier] Utilitaires

[modifier] Annexes


[modifier] Exemples

  • Exemple de barres

  • Exemple de barres avec affichage des valeurs

  • Exemple de barres empilées

  • Exemple de barres proportionnelles

  • Exemple de barres horizontales

  • Exemple de courbes

  • Exemple de courbes pivotées

  • Exemple d'aires

  • Exemple d'aires

  • Exemple d'aires empilées

  • Exemple d'aires proportionnelles

  • Exemple d'aires enveloppes + courbes

  • Exemple de graphe combinant aires, barres et courbes

  • Exemple de graphe de Kiviat (Etoile, Radar)

  • Exemple de camembert

  • Exemple de camembert avec nom et une partie excentrée

  • Exemple d'anneau avec les pourcentages

  • Exemple de Pyramide

  • Exemple de Pyramide

  • Exemple de Pyramide

  • Exemple de courbe avec un dégradé

  • Exemple de graphe a bulle

  • Exemple de tableau mis en page

  • Exemple de jauge basic2

  • Exemple de jauge basic

  • Carte des états unis colorisée

  • Carte de l'Europe colorisée

  • Exemple de barres avec gradient de couleur

  • Anneau avec fond de couleur dégradé, couleur sous la légende, polices modifiées

  • Exemple de courbe de Bézier (SPLine) avec gradient de couleur et droite de régression

  • Exemple de barres avec des apparences spécifiques pour certaines

Récupérée de « http://wiki.bluecompany.fr/index.php?title=Composant_Graphe_SVG&oldid=1589 »