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
  • Les différents types de graphes
  • Comment créer des graphes ?
  • Créer des graphes dans les éditeurs
  • Créer des graphes par programmation
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
Pour intégrer des graphes dans vos applications ou sites, WINDEV, WEBDEV et WINDEV Mobile mettent à votre disposition :
  • un champ Graphe (utilisable dans l'éditeur de fenêtres, de pages et d'états).
  • des fonctions WLangage qui permettent de créer et de manipuler des graphes.
Les graphes permettent une visualisation rapide et concrète des données numériques.
WINDEVWEBDEV - Code ServeurLinux Utilisation des graphes en WEBDEV Linux et en WINDEV Linux
Pour utiliser les graphes sous Linux, il est nécessaire d'installer la librairie QT (Core et GUI), version 5 minimale.
Sous Ubuntu, cette librairie peut être installée avec les commandes suivantes :
sudo apt-get install libqtcore5
sudo apt-get install libqtgui5
Comment créer des graphes ?

Créer des graphes dans les éditeurs

Les éditeurs de fenêtres, de pages et d'états disposent d'un champ Graphe. Lors de la création de ce champ, les assistants vous posent différentes questions afin de décrire le graphe qui va être créé. La fenêtre de description du champ permet de modifier à tout moment ces options.
Les fonctions WLangage permettent également de modifier les graphes affichés dans les champs Graphe. Il suffit d'indiquer le nom du champ Graphe dans les différentes fonctions.
Widget IOS Il n'est pas possible d'utiliser un champ Graphe. Seuls les graphes réalisés par programmation et affichés dans un champ Image sont disponibles.
Pour plus de détails sur ce type de champ, consultez Le champ Graphe.

Créer des graphes par programmation

Pour manipuler des graphes, WINDEV, WEBDEV et WINDEV Mobile disposent d'une cinquantaine de fonctions. Ces fonctions permettent de créer les graphes, de les modifier, de changer des options d'affichage ...
Pour plus de détails, consultez :
Android Il n'est pas possible de créer des graphes par programmation. Seuls les champs Graphe sont disponibles.
PHP Il n'est pas possible de créer des graphes par programmation. Seuls les champs Graphe interactif sont disponibles.
Widget IOS Seuls les graphes réalisés par programmation et affichés dans un champ Image sont disponibles.
Liste des exemples associés :
WD Graphe Exemples didactiques (WINDEV) : WD Graphe
[ + ] Cet exemple didactique présente diverses utilisations du champ graphe.
Différents types de graphe sont présentés :
- Secteur (ou camembert)
- Secteur multiniveau (ou sunburst)
- Courbe
- Nuage de points
- Histogramme
- Aire
- ...

Les fonctionnalités mises en avant sont la personnalisation des graphes par programmation ainsi que le remplissage du graphe à partir d'un fichier de données HFSQL ou dans l'éditeur.
WD Dessin sur Graphe Exemples didactiques (WINDEV) : WD Dessin sur Graphe
[ + ] Cet exemple repose sur l'utilisation d'un composant interne permettant de dessiner des éléments sur un champ graphe :
- Zones min/max
- Zone diverses
- Drapeaux
- Plots et trackers de suivi
...
Le champ Graphe Exemples unitaires (WINDEV) : Le champ Graphe
[ + ] Utilisation du champ Graphe de WINDEV.
Le champ graphe permet d'éditer directement les données qui seront affichées dans le graphe.
Ces données peuvent provenir d'une Colonne de table, d'une Liste, d'un tableau WLangage. Vous pouvez également les remplir par programmation.
Le champ Graphe (gestion du clic) Exemples unitaires (WINDEV) : Le champ Graphe (gestion du clic)
[ + ] Personnalisation du clic sur un graphe de type Secteur.
Ici, la part cliquée par l'utilisateur est excentrée par l'application.
Pour réaliser ce comportement, il suffit d'utiliser les fonctions WLangage grInfoXY (pour connaître la part cliquée) et grSecteurPartExcentrée (pour excentrer la part).
WD Etats Exemples didactiques (WINDEV) : WD Etats
[ + ] Cet exemple montre les différentes méthodes pour réaliser un état :

- impressions basées sur différentes sources de données (requêtes, variables, ...)
- impressions basées sur des champs (Table, Tableur, TCD, ...)
- impression d'états composés
- impressions spécifiques (portrait / paysage, état avec filigrane, état avec code-barres, ...)
WD Emprunt Exemples complets (WINDEV) : WD Emprunt
[ + ] Grâce à la puissance de WINDEV et à la simplicité du WLangage, cette application a été développée en 1 journée seulement !

Cet exemple permet de simuler des emprunts et notamment :
- de calculer le montant des mensualités à partir du montant emprunté donné
- de calculer le montant empruntable à partir d'une mensualité donnée
- de calculer le rapport d'un placement à partir d'un apport mensuel

Pour chaque cas, il est possible d'imprimer le tableau d'amortissement correspondant à vos paramètres.
Les fonctions Graphe Exemples unitaires (WINDEV) : Les fonctions Graphe
[ + ] Utilisation des principales fonctionnalités du grapheur de WINDEV :
- Réaliser un graphique de type Secteur, Histogramme ou Courbe
- Définir la zone d'affichage d'un graphique
- Définir les options du graphique (légende, pourcentage,...)
- Réaliser un tracé de courbe sur un graphe
Les fonctions Graphe Exemples unitaires (WEBDEV) : Les fonctions Graphe
[ + ] Utilisation des principales fonctionnalités du grapheur de WEBDEV pour :
- Réaliser un graphique de type : Secteur, Histogramme ou Courbe
- Définir la zone d'affichage d'un graphique
- Définir les options du graphique (légende, pourcentage,...)
Le champ Graphe Exemples unitaires (WINDEV Mobile) : Le champ Graphe
[ + ] Utilisation du champ Graphe pour afficher différents types de graphe :
- Secteur (ou camembert)
- Courbe
- Histogramme
- Aire
WM Clic sur Graphe Exemples multiplateforme (WINDEV Mobile) : WM Clic sur Graphe
[ + ] L'exemple "WM Clic sur Graphe" propose une solution pour excentrer les parts d'un graphe de type secteur sur un simple clic utilisateur.
Cet exemple met à disposition un modèle de champs "MDLC_ExcentreGraphe". Ce modèle de champs permet d'activer l'excentration de parts sur simple clic sur un graphe.
Pour disposer de cette fonctionnalité dans une autre application, il suffit d'importer le modèle de champs "MDLC_ExcentreGraphe".
Les fonctions Graphe Exemples unitaires (WINDEV Mobile) : Les fonctions Graphe
[ + ] Utilisation des fonctions Graphe :
- réaliser par programmation un graphique de type Secteur, Histogramme ou Courbe
- définir les options du graphique (légende, pourcentage,...)
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