PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

  • 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/iPadApple WatchUniversal Windows 10 AppWindows Mobile
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.
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. Les champs Graphe sont disponibles.
Nouveauté 19
Android Cette fonctionnalité est désormais disponible pour les applications android. Les champs Graphe sont disponibles.
Android Cette fonctionnalité est désormais disponible pour les applications android. Les champs Graphe sont disponibles.
Versions 23 et supérieures
PHP Cette fonctionnalité est désormais disponible pour les sites PHP. Les champs Graphe interactif sont disponibles.
Nouveauté 23
PHP Cette fonctionnalité est désormais disponible pour les sites PHP. Les champs Graphe interactif sont disponibles.
PHP Cette fonctionnalité est désormais disponible pour les sites PHP. Les champs Graphe interactif sont disponibles.
Versions 15 et supérieures
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 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
Nouveauté 15
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 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
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 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
Les différents types de graphes
Les types de graphes disponibles sont les suivants :
Pour connaître les possibilités de chaque type de graphe, consultez la page d'aide correspondante.
Versions 20 et supérieures
WEBDEV - Code Serveur Remarque : A partir de la version 20, le champ Graphe de WEBDEV fait peau neuve : le dessin est vectoriel et fluide. Pour profiter des nouveaux graphes, il suffit de recompiler et déployer le site.
Nouveauté 20
WEBDEV - Code Serveur Remarque : A partir de la version 20, le champ Graphe de WEBDEV fait peau neuve : le dessin est vectoriel et fluide. Pour profiter des nouveaux graphes, il suffit de recompiler et déployer le site.
WEBDEV - Code Serveur Remarque : A partir de la version 20, le champ Graphe de WEBDEV fait peau neuve : le dessin est vectoriel et fluide. Pour profiter des nouveaux graphes, il suffit de recompiler et déployer le site.
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.
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 :
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.
Versions 23 et supérieures
PHP Il n'est pas possible de créer des graphes par programmation. Seuls les champs Graphe interactif sont disponibles.
Nouveauté 23
PHP Il n'est pas possible de créer des graphes par programmation. Seuls les champs Graphe interactif sont disponibles.
PHP Il n'est pas possible de créer des graphes par programmation. Seuls les champs Graphe interactif sont disponibles.
Liste des exemples associés :
WD Graphe Exemples didactiques (WINDEV) : WD Graphe
[ + ] Cet exemple didactique présente diverses utilisations du champ graphe.
Les graphes présentés sont :
- Hémicycle
- Beignet (ou donut)
- Secteur (ou camembert)
- Secteur multiniveau (ou sunburst)
- Courbe
- Nuage de points
- Nuage de points 3D
- Histogramme
- Aire
- Bulles
- Radar
- Entonnoir
- Surface
- Waterfall
- Composite

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 Pyramide Des Ages Exemples didactiques (WINDEV) : WD Pyramide Des Ages
[ + ] L’exemple «  WD Pyramide des âges » montre comment créer un graphique de type « Pyramide des âges » à partir de deux histogrammes.

Il propose un modèle de champs « Pyramide des âges » qui surcharge les principales fonctions « gr » du WLangage.

Ce modèle de champs permet une réutilisation simplifiée dans vos projets,
tout en permettant de l’adapter (ajouter des fonctions, en modifier…) selon vos besoins.
L’exemple présente également deux utilisations du modèle de champs, deux pyramides des âges, aux paramétrages différents.
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
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".
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