apprentisssage, Composants, gambas 2, Tutoriel - Découvrir le composant GB.CHART -

Découvrir le composant GB.CHART

( Temps de lecture estimé à 1 min 03 sec )




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 creation :
Redacteur : Rédigé par spheris
Classé dans : apprentisssage, Composants, gambas 2, Tutoriel