DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / Développer une application ou un site / Champs, fenêtres et pages / Champs : Types disponibles / Champ Graphe
  • Présentation
  • Apparence du graphe
  • Zoom et mire (non disponible dans les états)
  • Gestion du Zoom
  • Gestion de la mire
  • Titre et légende
  • Animations et image de fond
  • Animations
  • Image de fond
  • Interactivité
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget IOSApple WatchMac CatalystUniversal Windows 10 App
Autres
Procédures stockées
Présentation
Quelque soit l'éditeur (fenêtres, pages ou états), l'onglet "Détail" de la fenêtre de description du champ Graphe permet de décrire :
Apparence du graphe
Les caractéristiques d'apparence du graphe sont les suivantes :
  • WEBDEV - Code ServeurPHP Barre d'outils : Cette option permet de paramétrer l'affichage de la barre d'outils associée au champ Graphe. Cette barre d'outils permet à l'utilisateur de définir les caractéristiques d'affichage du graphe. Le bouton "..." permet de définir les différentes options proposées dans la barre d'outils.
  • Adoucir les effets d'escalier (Antialiasing) : permet d'utiliser l'antialiasing si le GDI+ est installé.
    Universal Windows 10 AppAndroidiPhone/iPad Cette option n'est pas disponible.
  • Effet de lumière réaliste : permet d'utiliser un effet de lumière sur le graphe. Si cette option est choisie, le pourcentage de biseau permet de paramétrer l'inclinaison de la lumière.
    AndroidiPhone/iPadPHP Cette option n'est pas disponible.
  • Couleurs de bordure automatiques : Si cette option est cochée, les couleurs de bordure des séries sont calculées automatiquement.
  • Couleurs dégradées : Permet d'utiliser des couleurs dégradées dans l'affichage des séries. Le dégradé est par défaut vertical mais il est possible d'utiliser un dégradé horizontal.
  • Afficher aussi les étiquettes superposées : Cette option permet d'autoriser le chevauchement des étiquettes dans les graphes de type Secteur, Hémicycle, Beignet, ...
    Android Cette option n'est pas disponible.
  • Afficher les étiquettes à l'extérieur des portions : Cette option permet de placer les étiquettes en dehors des portions dans les graphes de type Secteur, Hémicycle, Beignet, ...
    Android Cette option n'est pas disponible.
  • Afficher les valeurs : Permet d'afficher les valeurs en plus des pourcentages dans les étiquettes. Il est possible de définir le masque d'affichage à utiliser.
    L'option Valeurs en vertical permet d'afficher les valeurs verticalement.
Zoom et mire (non disponible dans les états)
WINDEViPhone/iPad

Gestion du Zoom

L'activation du Zoom permet à l'utilisateur de pouvoir zoomer sur les données affichées dans le graphe.
  • Autoriser le zoom horizontal : permet d'activer uniquement le zoom des valeurs selon l'axe horizontal. L'ascenseur de zoom est placé sous le champ.
  • Autoriser le zoom vertical : permet d'activer uniquement le zoom des valeurs selon l'axe vertical. L'ascenseur de zoom est placé à droite du champ.
WINDEViPhone/iPad

Gestion de la mire

La mire permet à l'utilisateur de connaître avec précision la valeur pointée. Pour plus de détails, consultez Mire dans un graphe.
L'activation de la mire est réalisée via l'option "Activer la mire du graphe".
L'option "Mire multiple (courbe et histo. empilés)" permet d'obtenir une mire multiple dans les graphes de type Courbe ou Histogramme.
Remarque : La mire est disponible pour les types de graphes suivants : Aire, Bulle, Courbe, Histogramme, MinMax, Radar et Waterfall.
Titre et légende
Le titre et la légende peuvent être paramétrés dans un champ Graphe.
Le bouton "Editer le titre du graphe" permet d'afficher la fenêtre de description du titre du graphe. Cette fenêtre permet de :
  • Saisir si nécessaire le titre du graphe.
  • Paramétrer son positionnement. Si un positionnement manuel est choisi, il est possible de déplacer la zone du titre sous l'éditeur.
  • Paramétrer le style utilisé pour afficher le titre du graphe.
Le bouton "Editer la légende du graphe" permet d'afficher la fenêtre de description de la légende du graphe. Cette fenêtre permet de :
  • Définir le positionnement de la légende.
    Ce positionnement peut être automatique ou manuel.
    Si un positionnement manuel est choisi, il est possible :
    • de déplacer la zone de la légende sous l'éditeur.
    • de choisir la position des libellés (en ligne ou en colonne)
    • d'adapter la taille de la légende au contenu
  • Définir l'aspect de la légende : Il est possible d'utiliser un cadre arrondi pour la légende.
  • Définir le style de la légende (police, ...).
Animations et image de fond
WINDEVAndroidiPhone/iPad

Animations

Certains graphes peuvent être animés.
WINDEV Pour les graphes 2D, il est possible d'activer ou non les animations.
WINDEV Pour les graphes 3D, plusieurs options peuvent être paramétrées :
  • Zoom avant,
  • Construction progressive,
  • Rotation,
  • Couleurs progressives.
AndroidiPhone/iPad L'option "Activer les animations" permet d'animer le graphe.
Pour plus de détails sur la gestion des animations dans le champ graphe, consultez Animation d'un champ Graphe.

Image de fond

L'image de fond sera affichée en fond du graphe.
WINDEVAndroidiPhone/iPad Il est possible d'utiliser le mode 9 images pour cette image.
WEBDEV - Code ServeurPHP Il est possible de définir :
  • la localisation de l'image.
  • son mode d'affichage.
WEBDEV - Code ServeurPHP
Interactivité
L'interactivité du champ Graphe permet d'activer :
  • les animations
  • la mire du graphe.
    Rappel : La mire permet à l'utilisateur de connaître avec précision la valeur pointée. Pour plus de détails, consultez Mire dans un graphe.
Remarques :
  • Pour que l'interactivité soit réelle, il est nécessaire que le navigateur utilisé supporte cette fonctionnalité.
  • PHP Seuls les champs Graphe interactif sont disponibles.
Version minimum requise
  • Version 9
Documentation également disponible pour…
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 25/05/2022

Signaler une erreur ou faire une suggestion | Aide en ligne locale