2012-07-12 2 views
1

J'utilise jqplot pour générer plusieurs tracés linéaires, et j'aimerais y ajouter la fonction de surbrillance. En détail, une fois que votre souris est sur cette ligne, elle se mettra en évidence (changer de couleur). J'ai vu cette caractéristique dans l'intrigue de barre (example). Existe-t-il un moyen d'introduire ceci dans l'intrigue?jqplot surligneur une ligne quand la souris est dessus

Voici le demo de mon code.

Répondre

4

Cette caractéristique, à ma connaissance au moins, n'est pas fournie par la boîte jqPlot. Pour cette raison, le plus simple est de l'ajouter vous-même. J'ai fait quelque chose de ce genre il y a quelque temps. Mon approche consistait à utiliser l'événement jqplotMouseMove et à y ajouter les fonctionnalités appropriées.

L'idée de mon approche est simple:

  1. obtenir la distance du point de la souris à partir d'un segment de ligne.
  2. Ensuite, si elle est plus petite que la largeur de la ligne - vous avez trouvé votre ligne.
  3. Dessinez la ligne de couleur différente sur la toile du surligneur (.jqplot-highlight-canvas), créant ainsi l'effet de surbrillance - pour cette toile, nous avons besoin du plugin surligneur.

The working sample of the aforementioned idea is here.

PS: Merci à Jonas Raoni Soares Silva, pour the point to line distance function qui a sauvé beaucoup de mon temps, et fonctionne très bien.

+0

Excellente solution! – Mark

+0

Merci beaucoup pour votre aide à nouveau Boro! –

+0

Sûrement maintenant il doit y avoir un autre moyen plus facile maintenant? Ceci est un ancien article – Pierre

Questions connexes