Discussion :

[lastmagik]

bonjour,

je cherche un outil gratuit ou une application javascript qui a pour but de faire un traçage de fonction y=f(x).

c'est une fonction à deux dimension de coordonnées X,Y.

sincères mercis
lastmagik

[Bovino]

Il faut utiliser les <canvas> ou du SVG

[lastmagik]

bonjour Bovino,

je vais étudier la proposition et donner des suites après ...
merci beaucoup pour la réponse ;-)

sincères mercis
lastmagik

[Invité]

salut,

tu as le plugin fplot si tu utilises jquery

[andry.aime]

Si jamais pour le php t’intéresse.

A+.

[lastmagik]

bonjour galerien69,

c'est bien le fplot mais par rapport au <canvas>, canvas a l'air plus simple.

ce que je veux faire c'est prendre les données dans la base et que elles seront représentées dans une graphe à deux dimension x,y.

Bovino

est ce que tu peux donner le code qui va donner le graphe à 2 dimensions.

tel que sur l'axe de abcisse x et des ordonnées y ont des échelles et que les données sur l'axe des x et y c'est moi qui va les donner ...

sincères mercis
lastmagik

[andry.aime]

Re,

Regarde sur le lien que j'ai donné plus haut, tu trouveras l'algo, tu n'as qu'à le faire en utilisant js.

A+.

[lastmagik]

bonjour,

avec canvas ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
ctx.fillStyle = "rgb(200,0,0)";  
ctx.fillRect (50, 250, 4, 4);

ecrit un point de longeur 4 et de largeur 4 à la position (50, 250) et le colore en rouge.

en canvas, comment ecrire "bonjour" en rouge à la position (50, 250) ?

sincères mercis
lastmagik

[andry.aime]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
ctx.fillStyle ="rgb(250,0,0)";  // tu l'as déjà
ctx.fillText("google au lieu de bonjour", 50, 250);

[lastmagik]

bonjour andry.aime,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

ctx.fillText("google au lieu de bonjour", 50, 250);

merci çà marche très bien.

s'il te plaît, comment faire l'écriture en vertical ?

sincères mercis
lastmagik

[andry.aime]

regarde du coté ctx.rotate.
Sinon, essaie aussi d'utiliser

A+.