blocks|key|746692|text|对http://matplotlib.org/users/shell.html中提供的一个示例稍作修改|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|746693|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()|code-block|syntax|javascript|746694|正如Sohaib所问的，这是一条直线图。|746695|entityMap|0|LINK|mutability|MUTABLE|url|http://matplotlib.org/users/shell.html^0|1|12|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

A slight edit on an example provided in <a href="http://matplotlib.org/users/shell.html" rel="nofollow noreferrer">http://matplotlib.org/users/shell.html</a>:

<pre><code>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()
</code></pre>

This plots a straight line plot, as Sohaib was asking

blocks|key|746742|text|当悬停一条线而无需单击它时，此解决方案有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|746743|import+matplotlib.pyplot+as+plt

#+Need+to+create+as+global+variable+so+our+callback(on_plot_hover)+can+access
fig+=+plt.figure()
plot+=+fig.add_subplot(111)

#+create+some+curves
for+i+in+range(4):
++++#+Giving+unique+ids+to+each+data+member
++++plot.plot(
++++++++[i*1,i*2,i*3,i*4],
++++++++gid=i)

def+on_plot_hover(event):
++++#+Iterating+over+each+data+member+plotted
++++for+curve+in+plot.get_lines():
++++++++#+Searching+which+data+member+corresponds+to+current+mouse+position
++++++++if+curve.contains(event)[0]:
++++++++++++print+"over+%25s"+%25+curve.get_gid()

fig.canvas.mpl_connect('motion_notify_event',+on_plot_hover)+++++++++++
plt.show()|code-block|syntax|javascript|746744|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This solution works when hovering a line without the need to click it:

<pre><code>import matplotlib.pyplot as plt

# Need to create as global variable so our callback(on_plot_hover) can access
fig = plt.figure()
plot = fig.add_subplot(111)

# create some curves
for i in range(4):
 # Giving unique ids to each data member
 plot.plot(
 [i*1,i*2,i*3,i*4],
 gid=i)

def on_plot_hover(event):
 # Iterating over each data member plotted
 for curve in plot.get_lines():
 # Searching which data member corresponds to current mouse position
 if curve.contains(event)[0]:
 print "over %s" % curve.get_gid()

fig.canvas.mpl_connect('motion_notify_event', on_plot_hover) 
plt.show()
</code></pre>

blocks|key|530298|text|mpld3帮我解决这个问题。编辑(添加代码)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|530299|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+%2B+1)+for+i+in+range(N)]
tooltip+=+mpld3.plugins.PointLabelTooltip(scatter,+labels=labels)
mpld3.plugins.connect(fig,+tooltip)

mpld3.show()|code-block|syntax|javascript|530300|您可以查看this示例|offset|length|530301|entityMap|0|LINK|mutability|MUTABLE|url|https://mpld3.github.io/examples/scatter_tooltip.html^0|0|0|5|4|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

mpld3 solve it for me.
EDIT (CODE ADDED): 

<pre><code>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()
</code></pre>

You can check <a href="https://mpld3.github.io/examples/scatter_tooltip.html" rel="noreferrer">this</a> example

blocks|key|746829|text|mplcursors对我来说很有效。mplcursors为matplotlib提供了可点击的注释。它的灵感主要来自于mpldatacursor+(https://github.com/joferkington/mpldatacursor)，它的API非常简单。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|746830|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()|code-block|syntax|javascript|746831|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/joferkington/mpldatacursor^0|21|19|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

mplcursors worked for me. mplcursors provides clickable annotation for matplotlib. It is heavily inspired from mpldatacursor (<a href="https://github.com/joferkington/mpldatacursor" rel="noreferrer">https://github.com/joferkington/mpldatacursor</a>), with a much simplified API

<pre><code>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()
</code></pre>

blocks|key|746886|text|其他答案没有满足我在Jupyter内联matplotlib图的最新版本中正确显示工具提示的需求。不过，这个方法是可行的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|746887|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()|code-block|syntax|javascript|746888|当鼠标经过一个点时，会出现类似下面的图片：|746889|📷|atomic|offset|length|746890|​|746891|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/437914b1e45f5adfc84c340ee50acbea.png|imageAlt^0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|K|7|11|8|@]|9|@$L|12|M|13|1|14]]|A|$]]|$1|N|3|O|5|6|7|15|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|W|X|-4]]]]

The other answers did not address my need for properly showing tooltips in a recent version of Jupyter inline matplotlib figure. This one works though:

<pre><code>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()
</code></pre>

Leading to something like the following picture when going over a point with mouse:
<a href="https://i.stack.imgur.com/ySb6h.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ySb6h.png" alt="enter image description here"></a>

blocks|key|746950|text|我已经创建了一个多行注释系统来添加到：https://stackoverflow.com/a/47166787/10302020。有关最新版本的信息，请访问https://github.com/AidenBurgess/MultiAnnotationLineGraph|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|746951|只需更改底部的数据即可。|746952|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()|code-block|syntax|javascript|746953|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/47166787/10302020|1|https://github.com/AidenBurgess/MultiAnnotationLineGraph^0|J|19|0|26|1K|1|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]|$A|Y|B|Z|1|10]]|C|$]]|$1|D|3|E|5|6|7|11|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|12|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|13|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|N|O|P|C|$Q|T]]]]

I have made a multi-line annotation system to add to: <a href="https://stackoverflow.com/a/47166787/10302020">https://stackoverflow.com/a/47166787/10302020</a>.
for the most up to date version:
<a href="https://github.com/AidenBurgess/MultiAnnotationLineGraph" rel="nofollow noreferrer">https://github.com/AidenBurgess/MultiAnnotationLineGraph</a>

Simply change the data in the bottom section.

<pre><code>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="-&gt;"))
 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()
</code></pre>

blocks|key|747064|text|如果你使用jupyter笔记本，我的解决方案很简单：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|747065|%25pylab
import+matplotlib.pyplot+as+plt
import+mplcursors
plt.plot(...)
mplcursors.cursor(hover=True)
plt.show()|code-block|syntax|javascript|747066|YOu可以得到像这样的东西|747067|📷|atomic|offset|length|747068|​|747069|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/d164aa941f4f5f302e293921190d5e2b.png|imageAlt^0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|K|7|11|8|@]|9|@$L|12|M|13|1|14]]|A|$]]|$1|N|3|O|5|6|7|15|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|W|X|-4]]]]

If you use jupyter notebook, my solution is as simple as:

<pre><code>%pylab
import matplotlib.pyplot as plt
import mplcursors
plt.plot(...)
mplcursors.cursor(hover=True)
plt.show()
</code></pre>

YOu can get something like
<a href="https://i.stack.imgur.com/Bsrxj.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Bsrxj.png" alt="enter image description here"></a>

I am using matplotlib to make scatter plots. Each point on the scatter plot is associated with a named object. I would like to be able to see the name of an object when I hover my cursor over the point on the scatter plot associated with that object. In particular, it would be nice to be able to quickly see the names of the points that are outliers. The closest thing I have been able to find while searching here is the annotate command, but that appears to create a fixed label on the plot. Unfortunately, with the number of points that I have, the scatter plot would be unreadable if I labeled each point. Does anyone know of a way to create labels that only appear when the cursor hovers in the vicinity of that point?

How to add hovering annotations in matplotlib

我正在使用matplotlib绘制散点图。散点图上的每个点都与一个命名对象相关联。当我将光标悬停在与该对象关联的散点图上的点上时，我希望能够看到该对象的名称。特别是，能够快速查看异常值的点的名称将是一件很好的事情。在这里搜索时，我能找到的最接近的是annotate命令，但它似乎在绘图上创建了一个固定的标签。不幸的是，对...

问如何在matplotlib中添加悬停注释
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在matplotlib中添加悬停注释EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在matplotlib中添加悬停注释
EN