2009-10-13 6 views
1

Je cherche un moyen de créer un graphique interactif, qui permettra à l'utilisateur de cliquer n'importe où dans le graphique et de définir un marqueur, puis de calculer des valeurs simples en fonction de l'emplacement de ce marqueur. Par exemple, je voudrais qu'il ressemble à ceci:Interactive Javascript Bar

http://www.usrecordings.com/test-lab/bullet-graph.htm

Cependant, permettre à l'utilisateur de cliquer à l'intérieur et qu'elle calcule les valeurs. Je ne veux pas non plus que l'utilisateur soit limité aux valeurs des axes, il devrait être capable de comprendre quelle est la valeur entre eux. Cela a-t-il déjà été fait auparavant ou dois-je commencer quelque chose à partir de zéro?

+0

Vous devez remplir votre profil afin que nous sachions quelle est votre expérience (ou votre manque). Merci –

Répondre

0

La toile HTML est un excellent point de départ. Une brève recherche sur google a montré qu'il n'y a peut-être pas beaucoup de graphiques interactifs disponibles. Ce sont quelques exemples de canevas HTML, le premier étant mathématique, le second la spécification w3c: Polynomials, HTML Canvas w3c. J'ai trouvé que la recherche d'exemples de jeux de toile HTML produisait beaucoup plus de tutoriels que de simples exemples de canevas HTML. Je ne sais pas quelles sont vos capacités de programmation, donc je vous donne ces liens avec l'hypothèse que vous avez une expérience javascript.

Amusez-vous.

Oh et merci de demander si cela a déjà été fait.

+0

Merci Elizabeth, il semble que ce soit la route que je vais devoir prendre si je ne veux pas modifier massivement certaines choses Flot. –

+0

BTW, pour quiconque regarde cette envie de faire la même chose, j'ai trouvé ce code pour être plus facile à suivre pour trouver l'emplacement du pointeur de la souris: http://stackoverflow.com/questions/1114465/getting-mouse-location-in- Toile –

1

Flot peut être en mesure de faire ce que vous avez besoin.

Découvrez quelques-uns des examples, en particulier celui interactif. C'est open source, vous pouvez donc ajouter toutes les fonctionnalités dont vous avez besoin. Cela devrait être un bon point de départ.

+0

Cela fonctionnerait pour moi si je n'avais pas besoin de le modifier massivement, mais il est bon de regarder le code source pour ce que je dois faire. Merci! –

Questions connexes