WIDGETS GAMBAS
LOGICIELS GAMBAS 3
TUTORIELS
VISITES

   visiteurs

   visiteurs en ligne

Où ça, qui ça?
GRAPHIQUES - Decouverte
UTILISER LE COMPOSANT GB.CHART


gbchart.png
Le composant GB.CHART

Bonjour,
Aujourd'hui nous allons voir comment utiliser le composant GB.chart pour dessiner des courbes avec gambas.

Tout d'abord vous devez cocher le composant gb.chart dans les propriétés du projet.

Les actions essentielles à retenir pour ce composant sont :

Nombre de courbes à afficher :
(ici 4)

chart.countdatasets = 4
Remplir l'axe des X par des valeurs :

chart.headers.values = ["0", "1", "2", "3", "4", "5", "7", "7", "8", "9"]
Pour la 1ere courbe :

Remplir l'axe des Y :


chart[0].values = [1.4, 2.22, 3.5, 3.89, 2.85, 3.75, 1.89, 1.2, 1.3]

les valeurs sont de type float, c'est pourquoi si vous voulez mettre des entiers définissez les comme suit : 3 sera 3.00 par exemple.

0 est le numéro de la courbe soit la 1.
nom de la courbe :

chart[0].text = "courbe 1"

et ainsi de suite pour les autres courbes :

chart[1].values = [1.4, 2.22, 3.5, 3.89, 2.85, 3.75, 1.89, 1.2, 1.3]
chart[1].text = "courbe 2"
chart[1].color = &h0000ff

Afficher la legende :
chart.legEND.title = "mes courbes"
chart.legEND.visible = TRUE

Taille automatique des fontes, proportionnelle.
Taille de fonte normale pour un graphique des 2/3 de la taille d'écran.

chart.proportionnal = TRUE

Type de graphique que l'on peut modifier


chart.type = charttype.LINEs
ensuite il vous faut utiliser l'évènement DrawingArea1_Draw() pour afficher votre courbe dans la drawarea comme ceci :

PUBLIC SUB drawingarea1_draw()
'pour tracer le graphique dans la drawingarea
chart.width = drawingarea1.width
chart.height = drawingarea1.height
chart.draw
END

Cet exemple est tiré d'un ancien tuto de pinky.
Voilà pour aujourd'hui.





 
 

Date de création : 19/11/2009 @ 23:16
Dernière modification : 12/02/2012 @ 10:57
Catégorie : GRAPHIQUES
Page lue 4003 fois


Imprimer l'article Imprimer l'article


react.gifRéactions à cet article


Réaction n°1 

par cmoi le 04/07/2019 @ 09:00

sympa le tuto merci

ACCES RAPIDE
RECHERCHE




LOGICIELS GAMBAS 2
LES INSTRUCTIONS
LES COMPOSANTS
Divers

^ Haut ^