PC SOFT

ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Home | Sign in | English EN
  • Présentation
  • Comment programmer des graphes ?
  • Créer des graphes par programmation
  • Graphes et threads
  • Valeurs par défaut d'un graphe (dans une fenêtre ou dans une page)
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget iOSApple WatchCatalystUniversal Windows 10 AppWindows Mobile
Autres
Procédures stockées
Présentation
WINDEV, WEBDEV et WINDEV Mobile mettent à votre disposition un champ Graphe (utilisable dans l'éditeur de fenêtres, de pages et d'états) ainsi que des fonctions qui permettent de créer et de manipuler des graphes.
Versions 17 et supérieures
iPhone/iPad Cette fonctionnalité est désormais disponible pour les applications iPhone/iPad.
Nouveauté 17
iPhone/iPad Cette fonctionnalité est désormais disponible pour les applications iPhone/iPad.
iPhone/iPad Cette fonctionnalité est désormais disponible pour les applications iPhone/iPad.
Versions 18 et supérieures
Universal Windows 10 App Cette fonctionnalité est désormais disponible pour les applications en mode Windows Store apps.
Nouveauté 18
Universal Windows 10 App Cette fonctionnalité est désormais disponible pour les applications en mode Windows Store apps.
Universal Windows 10 App Cette fonctionnalité est désormais disponible pour les applications en mode Windows Store apps.
Versions 19 et supérieures
Android Cette fonctionnalité est désormais disponible pour les applications android.
Nouveauté 19
Android Cette fonctionnalité est désormais disponible pour les applications android.
Android Cette fonctionnalité est désormais disponible pour les applications android.
Versions 21 et supérieures
Universal Windows 10 App Cette fonctionnalité est désormais disponible en mode Universal Windows 10 App.
Nouveauté 21
Universal Windows 10 App Cette fonctionnalité est désormais disponible en mode Universal Windows 10 App.
Universal Windows 10 App Cette fonctionnalité est désormais disponible en mode Universal Windows 10 App.
Versions 15 et supérieures
Linux 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 4.5 minimale.
Sous Ubuntu, cette librairie peut être installée avec les commandes suivantes :
sudo apt-get install libqtcore4
sudo apt-get install libqtgui4
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
Nouveauté 15
Linux 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 4.5 minimale.
Sous Ubuntu, cette librairie peut être installée avec les commandes suivantes :
sudo apt-get install libqtcore4
sudo apt-get install libqtgui4
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
Linux 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 4.5 minimale.
Sous Ubuntu, cette librairie peut être installée avec les commandes suivantes :
sudo apt-get install libqtcore4
sudo apt-get install libqtgui4
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 programmer des graphes ?

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 ...
Les opérations à réaliser pour créer des graphes sont les suivantes :
  1. Créez le graphe avec la fonction grCrée.
  2. Initialisez les données du graphe avec les fonctions :
  3. Choisissez la destination d'affichage du graphe avec les fonctions :
  4. Dessinez le graphe avec la fonction grDessine.
De nombreuses fonctions permettent de paramétrer et de modifier l'apparence du graphe. Il est ainsi possible d'afficher une légende, le titre des axes, ... Pour plus de détails, consultez la liste des fonctions de gestion des graphes.
Versions 19 et supérieures
Android Il n'est pas possible de créer des graphes par programmation. Seuls les champs Graphe sont disponibles.
Nouveauté 19
Android Il n'est pas possible de créer des graphes par programmation. Seuls les champs Graphe sont disponibles.
Android Il n'est pas possible de créer des graphes par programmation. Seuls les champs Graphe sont disponibles.

Graphes et threads

Un seul graphe peut être manipulé dans un thread.
Conséquences :
  • Deux threads ne peuvent pas manipuler le même graphe.
  • Un graphe créé dans un thread est automatiquement détruit à la fin de ce thread. Le graphe existe dans le thread qui contient l'appel à la fonction grCrée.
WINDEVWEBDEV - Code ServeurUniversal Windows 10 AppWindows MobileiPhone/iPad

Valeurs par défaut d'un graphe (dans une fenêtre ou dans une page)

Les valeurs par défaut d'un graphe sont les suivantes :
  • Menu contextuel activé (paramétrable avec les fonctions grMenu et grOptionMenu).
  • Graduation automatique des axes (paramétrable avec la fonction grGraduation).
  • Les couleurs sont sélectionnées selon un ordre prédéfini parmi un éventail de 13 couleurs (paramétrable avec la fonction grCouleurSerie).
  • Les couleurs sont dégradées (paramétrable avec la fonction grDégradé).
  • Affichage automatique d'une bulle d'aide lors du survol d'un graphe (fonction grBulle).
  • Taille fichier (paramétrable avec la fonction grFenTaille).
  • Taille fenêtre (paramétrable avec la fonction grFenTaille).
  • Pas d'étiquette pour les séries (paramétrable avec la fonction grEtiquetteSérie).
  • Pas de libellé pour les éléments (paramétrable avec les fonctions grEtiquetteCatégorie et grLibellé).
  • Pas de légende (paramétrable avec la fonction grLégende).
  • Pas de titre pour le graphe (paramétrable avec la fonction grTitre).
  • Pas de titre pour les axes (paramétrable avec la fonction grTitreAxe).
  • Pas de quadrillage de fond (paramétrable avec la fonction grQuadrillage).
  • Pas de données (ajout d'éléments avec la fonction grAjouteDonnée).
  • Pas de destination (paramétrable avec les fonctions grDestinationChamp, grDestinationFen et grDestinationWMF).
  • Pas d'affichage du graphe (pour dessiner le graphe, utilisez la fonction grDessine).
  • Pas de relief (paramétrable avec la fonction grRelief).
  • Pour les graphes en secteurs, l'angle de départ est égal à 0 (paramétrable avec la fonction grSecteurAngleDépart).
  • Pour les histogrammes et les graphes boursiers de type Minimum/Maximum, l'espace entre deux catégories est égal à 10 pixels (paramétrable avec la fonction grHistoEspacement).
  • Pour les nuages de points, les points sont reliés et de taille égale à 1 (paramétrable avec les fonctions grNuageReliePoint et grNuageTaillePoint).
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 (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.
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.
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,...)
Pocket Clic sur Graphe Mobile (WINDEV Mobile) : Pocket Clic sur Graphe
[ + ] L'exemple "Pocket 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".
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".
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
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,...)
Minimum version required
  • Version 9
Comments
Click [Add] to post a comment