Page loading

Share your opinion
What do you think about gambaslinux.fr?
 
Interesting
It miss some informations
Excellent website
Results
WIDGETS GAMBAS
GAMBAS 3 SOFTWARES
TUTORIALS
Library
GRAPHICS - Discover
USE GB.CHART COMPONENT
French only sorry...

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.





 
 

Creation date : 19/11/2009 @ 23:16
Last update : 12/02/2012 @ 10:57
Category : GRAPHICS
Page read 6275 times

Print the article Print the article


react.gifReactions to this article


Reaction #1 

 by cmoi 04/07/2019 @ 09:00

sympa le tuto merci

QUICK MENU

doc.png DOCUMENTATION
forum.png   FORUM
logiciel.png GB SOFTWARES
 gb3logo.png  GAMBASFORGE
 mailing.png  MAILING LIST
 bugtracker.png  Gambas Bug Tracker

SEARCH




LANGUAGE
COMPONENTS
Other
LANGUAGE
Where, who?
actualite et medias
compteur gratuit
VISITS

   visitors

   visitors online

ARCHIVES GAMBAS 1/2
^ Top ^