Salut,
Je me demandais s'il existait en JS des librairies permettant de tracer des courbes (dans un canvas ou autre) avec des fonctionnalités comme le zoom box, auto calibrage, curseur... Un peu comme certaines calculatrices graphiques...
Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter
Tracer des courbes
Salut,
Je me demandais s'il existait en JS des librairies permettant de tracer des courbes (dans un canvas ou autre) avec des fonctionnalités comme le zoom box, auto calibrage, curseur... Un peu comme certaines calculatrices graphiques...
oui, quelques milliers https://github.com/search?q=javascript+graph
Sinon une petit création de notre ami Andry en php https://andry.developpez.com/tutorie...-geometriques/
Ma page Developpez - Mon Blog Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag
Venez sur le Chat de Développez !
Bonjour,
Une solution basée sur canvas :
http://eleydet.free.fr/BTS/applicati...aceur_exp.html
Et une version basée sur SVG qui fonctionne mais doit être améliorée :
http://eleydet.free.fr/tmp/
Merci à tous les trois...
Ok je vais regarder vos liens...
Re-Salut,
Bon j'ai regardé les liens et j'en ai cherché d'autres et souvent ce sont des outils pour tracer des histogrammes (charts) et mêmes des courbes mais par contre on n'a pas forcément les fonctionnalités comme le zoom box, auto calibrage, curseur...
En plus j'aimerais pour faire des tracés en temps réels (genre comme un oscilloscope qui "trace" la tension en fonction du temps)...
Je pense que je vais essayer de l'écrire...
As-tu pensé à ajouter d'autres fonctionnalités ?Envoyé par eleydet
Il me semble qu'un des points les plus difficiles c'est la graduation, en faire une avec des nombres qui tombent juste n'est pas évident...
J'ai commencé à regarder ton code...
Je vois que c'est à nous de fixer les deltas (x et y)... C'est un des points difficiles car lorsqu'on fait des zoom box il faut pouvoir calculer automatiquement ces deltas et bien sûr si on veut des graduations qui tombe juste (des chiffres ronds) cela se complique encore plus...
Je veux dire par "des graduations qui tombe juste" des graduations dont le pas est l'un des chiffres suivants : 0.25, 0.50, 1 multiplié par 10^n où n peut être positif ou négatif...
En plus le pas doit tenir compte d'un autre problème : les graduations ne doivent pas se chevaucher ce qui fait qu'on doit parfois limiter le nombres de chiffres, pour cela certains ajoutent une puissance de 10 sur les axes...
Il y a du boulot...
Bonsoir,
C'est vrai que je pourrais mettre en place un système de graduation automatique. Je n'y avais pas pensé.
Sinon, le code http://eleydet.free.fr/tmp/JSgrapheur.js me semble plus intéressant.
Salut,
Bon j'ai fait quelques testes pour voir ce que cela donne si on effectuait des "zoom box"...
Voici un exemple :
On peut voir qu'il y a quelques soucis sur les graduations, certaines se répètent à l'identique... Cela semble assez difficile d'avoir des graduations qui tombent justes et qui varient selon un pas constant : 0.25, 0.50, 1 multiplié par 10^n où n peut être positif ou négatif...
Et plus les intervalles (pas entre deux graduations) sont grands ou petits plus c'est compliqué car là il faudra par exemple utiliser des puissances de 10 pour éviter que les nombres prennent trop de place à l'affichage et qu'il soit plus facile à lire...
Répondre avec citation
Partager