Possible de faire des étiquettes apparaissent lors du survol d'un point de matplotlib?

Je suis à l'aide de matplotlib pour faire des nuages de points. Chaque point du nuage de points est associé à un objet nommé. Je voudrais être en mesure de voir le nom d'un objet lorsque j'ai passez mon curseur sur le point sur le nuage de points associé à cet objet. En particulier, il serait agréable d'être en mesure de voir rapidement les noms des points qui sont des valeurs aberrantes. La chose la plus proche que j'ai pu trouver lors de la recherche ici est la commande annoter, mais qui semble créer une étiquette sur le terrain. Malheureusement, avec le nombre de points que j'ai, le diagramme de dispersion serait illisible si j'ai marqué chaque point. Personne ne sait de façon à créer des étiquettes qui n'apparaissent que lorsque le curseur passe dans le voisinage de ce point?

Les gens se terminant jusqu'ici par la recherche pourrait également vouloir vérifier la cette réponse, qui est assez complexe, mais peut être adapté selon les besoins.

InformationsquelleAutor jdmcbr | 2011-10-26

matplotlib python

70

Il semble qu'aucune des autres réponses ici en fait de répondre à la question. Voici donc un code qui utilise un scatter et montre un annotation sur planant sur le nuage de points.
```
import matplotlib.pyplot as plt
import numpy as np; np.random.seed(1)
x = np.random.rand(15)
y = np.random.rand(15)
names = np.array(list("ABCDEFGHIJKLMNO"))
c = np.random.randint(1,5,size=15)
norm = plt.Normalize(1,4)
cmap = plt.cm.RdYlGn
fig,ax = plt.subplots()
sc = plt.scatter(x,y,c=c, s=100, cmap=cmap, norm=norm)
annot = ax.annotate("", xy=(0,0), xytext=(20,20),textcoords="offset points",
bbox=dict(boxstyle="round", fc="w"),
arrowprops=dict(arrowstyle="->"))
annot.set_visible(False)
def update_annot(ind):
pos = sc.get_offsets()[ind["ind"][0]]
annot.xy = pos
text = "{}, {}".format(" ".join(list(map(str,ind["ind"]))), 
" ".join([names[n] for n in ind["ind"]]))
annot.set_text(text)
annot.get_bbox_patch().set_facecolor(cmap(norm(c[ind["ind"][0]])))
annot.get_bbox_patch().set_alpha(0.4)
def hover(event):
vis = annot.get_visible()
if event.inaxes == ax:
cont, ind = sc.contains(event)
if cont:
update_annot(ind)
annot.set_visible(True)
fig.canvas.draw_idle()
else:
if vis:
annot.set_visible(False)
fig.canvas.draw_idle()
fig.canvas.mpl_connect("motion_notify_event", hover)
plt.show()
```
Parce que les gens tout à coup, voulez utiliser cette solution pour une ligne plot au lieu de se disperser, les éléments suivants devraient être de la même solution pour plot (qui fonctionne un peu différemment).

CSS:
```
import matplotlib.pyplot as plt
import numpy as np; np.random.seed(1)
x = np.sort(np.random.rand(15))
y = np.sort(np.random.rand(15))
names = np.array(list("ABCDEFGHIJKLMNO"))
norm = plt.Normalize(1,4)
cmap = plt.cm.RdYlGn
fig,ax = plt.subplots()
line, = plt.plot(x,y, marker="o")
annot = ax.annotate("", xy=(0,0), xytext=(-20,20),textcoords="offset points",
bbox=dict(boxstyle="round", fc="w"),
arrowprops=dict(arrowstyle="->"))
annot.set_visible(False)
def update_annot(ind):
x,y = line.get_data()
annot.xy = (x[ind["ind"][0]], y[ind["ind"][0]])
text = "{}, {}".format(" ".join(list(map(str,ind["ind"]))), 
" ".join([names[n] for n in ind["ind"]]))
annot.set_text(text)
annot.get_bbox_patch().set_alpha(0.4)
def hover(event):
vis = annot.get_visible()
if event.inaxes == ax:
cont, ind = line.contains(event)
if cont:
update_annot(ind)
annot.set_visible(True)
fig.canvas.draw_idle()
else:
if vis:
annot.set_visible(False)
fig.canvas.draw_idle()
fig.canvas.mpl_connect("motion_notify_event", hover)
plt.show()
```
Au cas où quelqu'un est à la recherche d'une solution pour les lignes en doubles haches, reportez-vous à Comment faire des étiquettes apparaissent lors du survol d'un point dans plusieurs axes?

Au cas où quelqu'un est à la recherche d'une solution pour la barre de parcelles, veuillez vous reporter à la p. ex. cette réponse.
- Très sympa! Une remarque, j'ai remarqué que ind["ind"] est en fait une liste d'indices pour tous les points sous le curseur de la souris. Cela signifie que le code ci-dessus en fait vous donne accès à tous les points à une position donnée, et pas seulement au plus haut point. Par exemple, si vous avez deux cumul de points, le texte pourrait se lire 1 2, B C ou même 1 2 3, B C D si vous aviez 3 cumul de points.
- Exactement, il est délibérément l'un de ces cas au-dessus de la parcelle (le vert et le rouge au point x ~ 0.4). Si vous passez ce, il va afficher 0 8, A I, (voir image).
- c'est un grand code, mais lorsque vous passez la souris et de la déplacer sur un point il appelle fig.canvas.draw_idle() plusieurs fois (il change même le curseur au ralenti). Je l'ai résolu le stockage de l'index précédent et vérifier si ind["ind"][0] == prev_ind. Puis mettre à jour uniquement si vous vous déplacez d'un point à un autre (mise à jour du texte), arrêt en vol stationnaire (faire l'annotation invisible), ou de lancer planant (faire des annotations visibles). Avec ce changement, c'est plus propre et efficace.
- Pour rendre ce code plus efficace, on peut utiliser blitting. Cependant, ce n'est pas destiné à être un add-on de code, mais plutôt une solution à la question. Comme une réponse à la question, il devrait également être compréhensible pour les nombreux lecteurs ici.
- Pardon, @ImportanceOfBeingErnest, vous avez raison. Je vous remercie. C'est vraiment du bon code.
- Pour un diagramme en barres vous n'avez pas besoin .contains à tous. Il vous suffit de prendre l'information à partir de la barre elle-même.
- Parce que bar-comme les graphiques retourne un conteneur de artist objets, le code ci-dessus ne peut être carrément en double. Pour l'enregistrement, on peut trouver un exemple d'un barre graphique, annoté au milieu de chaque barre sur le curseur.
- Je upvoted... si, ind est un dictionnaire vide dans un nuage de points 3d. Aucune idée comment faire pour que tout cela fonctionne, il y a trop?
- Actuellement, je ne sais pas comment faire la même chose en 3D pour une parcelle. Peut-être il ya une solution facile que je ne suis pas au courant; ou, l'on a besoin de savoir si la projection d'un point est planait sur (qui pourrait être un peu plus lourd). En tout cas, je vous propose de poser une nouvelle question au sujet de la 3D cas.
- Est-ce seulement moi ou est le terme extrait de code ne fonctionne pas? Il ne semble pas automatiquement et il est excpected à parfois ne pas fonctionner ou est-il un bug dans le code de la fonction ne fonctionne pas?
- Le code ci-dessus fonctionne comme souhaité.
- Ainsi, vous obtenez un exemple de travail que vous pouvez voir immédiatement lorsque vous appuyez sur exécuter du code? Je ne le pense pas. Je crois que c'est le travail, mais il suffit de laisser à l'intérieur des balises de commentaires, de cette manière, il est source de confusion, parce que l'utilisateur essaie d'exécuter le code
- Désolé j'ai mal compris votre commentaire. L'exemple est de travailler, si vous copiez&de le coller dans un fichier sur votre ordinateur et lancez-le via python. Vous ne pouvez pas bien sûr de ne pas les exécuter à l'intérieur de ce site, car Stackoverflow ne dispose pas d'un interpréteur python disponible.
- Peut également fonctionner en mode portable?
- Oui, cette solution de travail lors de l'utilisation de %matplotlib notebook dans un IPython/Jupyter ordinateur portable.
- Merci pour la solution.. mais les annotations disparaissent lorsque zoppend dans l'intrigue et a plané.. une idée?
- J'ai voulu modifier l'alignement horizontal et vertical selon les axes quadrant, de sorte que l'étiquette est toujours dirigée vers le centre. J'ai ajouté le annot.set_ha, annot.set_va et modifié xytext, mais ils ne sont pas correctement aligné lors de la redessiné. La boîte est aligné sur les coordonnées xy (fin de la flèche) au lieu de départ de la flèche. Je me retrouve avec la boîte et la flèche sur le bon quadrant mais ils sont l'un au dessus de l'autre, la boîte se cache la flèche. Aucune idée pourquoi?
- J'ai essayé de modifier l'ordonnance de annot.set_hat et annot.xytext mais le résultat est le même. Cependant, si je l'appelle ax.annotate avec les mêmes paramètres, la flèche et le texte sont alignées correctement.
- tous les autres), Si vous avez un problème qui se pose lorsqu'modifiant le code de cette réponse, veuillez poser une question à ce sujet, le lien de cette réponse et de montrer le code que vous avez tenté. Je n'ai aucun moyen de savoir quel est le problème avec chacun de vos codes sans réellement le voir.
- Je copie-collé le code tel qu'il est et il ne fonctionne pas dans un jupyter notebook version 5.7.0.
- Jupyter par défaut, afficher des images png, qui ne sont pas interactifs.
InformationsquelleAutor ImportanceOfBeingErnest
63

Cette solution fonctionne quand le curseur d'une ligne sans avoir besoin de cliquer dessus:
```
import matplotlib.pyplot as plt
fig = plt.figure()
plot = fig.add_subplot(111)
# create some curves
for i in range(4):
plot.plot(
[i*1,i*2,i*3,i*4],
gid=i)
def on_plot_hover(event):
for curve in plot.get_lines():
if curve.contains(event)[0]:
print "over %s" % curve.get_gid()
fig.canvas.mpl_connect('motion_notify_event', on_plot_hover)           
plt.show()
```
- Très utile +1ed. Vous avez probablement besoin de "anti-rebond" ce parce que le motion_notify_event va répéter pour le mouvement à l'intérieur de la zone de la courbe. Simplement de vérifier que la courbe de l'objet est égale à la courbe précédente semble fonctionner.
- Hmm - cela ne fonctionne pas out-of-the-box pour moi (donc peu de choses à faire avec matplotlib...) - est-ce de travailler avec ipython/jupyter carnets? Est-il aussi travailler lorsqu'il y a plusieurs intrigues secondaires? Ce sujet sur un graphique plutôt qu'un graphe?
- Cela permet d'imprimer l'étiquette dans la console lors du survol. Qu'en est faire de l'étiquette apparaissent sur l'image lorsque vous passez la souris ? J'ai compris que pour être la question.
- merci beaucoup, de quoi ai-je besoin pour se nourrir dans le gid argument si je veux voir un histogramme (un différent pour chaque point dans le scatter) ou, encore mieux, de la chaleur de la carte d'un histogramme 2D?
- Il ne fonctionne pas dans Jupyter pas Spyder..
- J'ai ajouté réponse qui répond vraiment à la question.
InformationsquelleAutor mbernasocchi
34

De http://matplotlib.sourceforge.net/examples/event_handling/pick_event_demo.html :
```
from matplotlib.pyplot import figure, show
import numpy as npy
from numpy.random import rand
if 1: # picking on a scatter plot (matplotlib.collections.RegularPolyCollection)
x, y, c, s = rand(4, 100)
def onpick3(event):
ind = event.ind
print 'onpick3 scatter:', ind, npy.take(x, ind), npy.take(y, ind)
fig = figure()
ax1 = fig.add_subplot(111)
col = ax1.scatter(x, y, 100*s, c, picker=True)
#fig.savefig('pscoll.eps')
fig.canvas.mpl_connect('pick_event', onpick3)
show()
```
- Cette recette tire une annotation sur la sélection d'un point de données: http://scipy-cookbook.readthedocs.io/items/Matplotlib_Interactive_Plotting.html .
- Cette recette tire une info-bulle, mais il nécessite de wxPython:
  Le Point et la ligne info-bulles dans matplotlib?
- Ce n'est juste ce dont j'ai besoin, merci! Comme un bonus, afin de la mettre en œuvre, j'ai réécrit mon programme de sorte qu'au lieu de créer deux nuages de points dans différentes couleurs sur la même figure pour représenter les deux ensembles de données, j'ai copié l'exemple de la méthode de l'attribution d'une couleur à un point. Cela fait mon programme un peu plus simple à lire, et moins de code. Maintenant à la recherche d'un guide pour convertir une couleur en nombre!
- C'est pour des nuages de points. Ce à propos de la ligne parcelles? J'ai essayé de le faire fonctionner sur eux, mais il ne le fait pas. Est-il un worksaround?
- Voir ma réponse
- J'ai une question sur cette. Quand je scatter-plot mes points comme ceci: plt.scatter(X_reduced[y == i, 0], X_reduced[y == i, 1], c=c, label=target_name, sélecteur=True) avec un zip pour moi, c et target_name, est alors l'ordre de mon index foiré? Et je ne peux pas regarder plus de ce qui datapoint il appartient?
- Cela ne semble pas fonctionner pour jupyter 5 cahiers avec ipython 5. Est-il un moyen facile de corriger cela? Le print la déclaration doit également utiliser des parenthèses pour la compatibilité avec python 3
InformationsquelleAutor cyborg

Une légère modification sur un exemple fourni dans http://matplotlib.org/users/shell.html:

import numpy as np
import matplotlib.pyplot as plt
fig = plt.figure()
ax = fig.add_subplot(111)
ax.set_title('click on points')
line, = ax.plot(np.random.rand(100), '-', picker=5)  # 5 points tolerance
def onpick(event):
thisline = event.artist
xdata = thisline.get_xdata()
ydata = thisline.get_ydata()
ind = event.ind
print 'onpick points:', zip(xdata[ind], ydata[ind])
fig.canvas.mpl_connect('pick_event', onpick)
plt.show()

Cette trace une ligne droite de la parcelle, comme Sohaib demandait

il ne fonctionne pas dans Jupyter ni Spyder..

InformationsquelleAutor texasflood

5

mpld3 résoudre pour moi.
EDIT (CODE AJOUTÉ):
```
import matplotlib.pyplot as plt
import numpy as np
import mpld3
fig, ax = plt.subplots(subplot_kw=dict(axisbg='#EEEEEE'))
N = 100
scatter = ax.scatter(np.random.normal(size=N),
np.random.normal(size=N),
c=np.random.random(size=N),
s=1000 * np.random.random(size=N),
alpha=0.3,
cmap=plt.cm.jet)
ax.grid(color='white', linestyle='solid')
ax.set_title("Scatter Plot (with tooltips!)", size=20)
labels = ['point {0}'.format(i + 1) for i in range(N)]
tooltip = mpld3.plugins.PointLabelTooltip(scatter, labels=labels)
mpld3.plugins.connect(fig, tooltip)
mpld3.show()
```
Vous pouvez vérifier cette exemple
- Veuillez inclure les exemples de code et ne se contente pas de lien vers des sources externes sans contexte ou de l'information. Voir le Centre d'Aide pour plus d'informations.
- malheureusement mpld3 n'est plus activement maintenu en juillet 2017
- Exemple de Code ne fonctionne pas avec une TypeError: array([1.]) is not JSON serializable.
- il suffit de suivre l'astuce ici stackoverflow.com/questions/48015030/mpld3-with-python-error MPLD3 est une solution simple pour cela et une fois la réponse ci-dessus est suivie, il fonctionne.
- Malheureusement, mpl3d semble être à l'abandon.
- vous avez raison, j'ai peur. Stil le code peut être exécuté, heureusement.
InformationsquelleAutor Julian
2

mplcursors a fonctionné pour moi. mplcursors fournit cliquable annotation pour matplotlib. Il est fortement inspiré de mpldatacursor (https://github.com/joferkington/mpldatacursor), avec une très simplifiée de l'API
```
import matplotlib.pyplot as plt
import numpy as np
import mplcursors
data = np.outer(range(10), range(1, 5))
fig, ax = plt.subplots()
lines = ax.plot(data)
ax.set_title("Click somewhere on a line.\nRight-click to deselect.\n"
"Annotations can be dragged.")
mplcursors.cursor(lines) # or just mplcursors.cursor()
plt.show()
```
- J'utilise moi-même, et de loin, la solution la plus simple pour quelqu'un de pressé. J'ai juste tracé 70 étiquettes et matplotlib rend chaque ligne 10 de la même couleur, une telle douleur. mplcursors sortes il cependant.
InformationsquelleAutor Enayat
2

Les autres réponses ne permettaient pas de répondre à mon besoin d'afficher les info-bulles dans une version récente de Jupyter inline matplotlib figure. Celui-ci fonctionne bien:
```
import matplotlib.pyplot as plt
import numpy as np
import mplcursors
np.random.seed(42)
fig, ax = plt.subplots()
ax.scatter(*np.random.random((2, 26)))
ax.set_title("Mouse over a point")
crs = mplcursors.cursor(ax,hover=True)
crs.connect("add", lambda sel: sel.annotation.set_text(
'Point {},{}'.format(sel.target[0], sel.target[1])))
plt.show()
```
Menant à quelque chose comme l'image ci-dessous lorsque vous allez sur un point avec la souris:
- La source de cette (non attribué) est mplcursors.readthedocs.io/en/stable/examples/hover.html
- C'était vraiment simple et sauvé mon temps beaucoup! Merci Farzad!
InformationsquelleAutor Farzad Vertigo
1

Vous êtes à la recherche de quelque chose comme cela.

URL: https://matplotlib.org/2.0.1/examples/pylab_examples/cursor_demo.html

Juste essayer de copier coller et de voir si ça répond à votre exigence.

J'ai cherché beaucoup et la plupart des réponses ont l'impression que les points
après planant ou
les étiquettes ont été élaborés uniquement après la souris cliquez sur l'événement.
Ce (solution dans le lien ci-dessus) combiner les avantages des deux solutions.

InformationsquelleAutor Nishant Ingle

J'ai fait un multi-ligne de système d'annotation à ajouter à: https://stackoverflow.com/a/47166787/10302020.
pour les plus up to date de la version:
https://github.com/AidenBurgess/MultiAnnotationLineGraph

Suffit de modifier les données dans la section du bas.

import matplotlib.pyplot as plt
def update_annot(ind, line, annot, ydata):
x, y = line.get_data()
annot.xy = (x[ind["ind"][0]], y[ind["ind"][0]])
# Get x and y values, then format them to be displayed
x_values = " ".join(list(map(str, ind["ind"])))
y_values = " ".join(str(ydata[n]) for n in ind["ind"])
text = "{}, {}".format(x_values, y_values)
annot.set_text(text)
annot.get_bbox_patch().set_alpha(0.4)
def hover(event, line_info):
line, annot, ydata = line_info
vis = annot.get_visible()
if event.inaxes == ax:
# Draw annotations if cursor in right position
cont, ind = line.contains(event)
if cont:
update_annot(ind, line, annot, ydata)
annot.set_visible(True)
fig.canvas.draw_idle()
else:
# Don't draw annotations
if vis:
annot.set_visible(False)
fig.canvas.draw_idle()
def plot_line(x, y):
line, = plt.plot(x, y, marker="o")
# Annotation style may be changed here
annot = ax.annotate("", xy=(0, 0), xytext=(-20, 20), textcoords="offset points",
bbox=dict(boxstyle="round", fc="w"),
arrowprops=dict(arrowstyle="->"))
annot.set_visible(False)
line_info = [line, annot, y]
fig.canvas.mpl_connect("motion_notify_event",
lambda event: hover(event, line_info))
# Your data values to plot
x1 = range(21)
y1 = range(0, 21)
x2 = range(21)
y2 = range(0, 42, 2)
# Plot line graphs
fig, ax = plt.subplots()
plot_line(x1, y1)
plot_line(x2, y2)
plt.show()

InformationsquelleAutor Bobs

Vous devez vous connecter pour publier un commentaire.