可交互绘图——鼠标移到点的上方会显示该点的标签[jupyter notebook]

import matplotlib.pyplot as plt
import numpy as np
import mplcursors
np.random.seed(42)%matplotlib auto  # 终端运行脚本不用加
plt.scatter(*np.random.random((2, 26)))
crs = mplcursors.cursor(hover=True)
crs.connect("add", lambda sel: sel.annotation.set_text('Point {},{}'.format(sel.target[0], sel.target[1])))
plt.show()
plt.ion() # 终端运行脚本不用加

hover: True/False 控制是否不用点击就显示标签
如果有自定义的标签：

labels = [...]
crs = mplcursors.cursor(hover=True)
crs.connect("add", lambda sel: sel.annotation.set_text(labels[sel.target.index]))

可交互绘图——鼠标移到点的上方会显示该点的标签[jupyter notebook]相关推荐

设置润乾报表鼠标移到格子上就显示提示内容
为了达到一定的交互性和易用性,我们一般喜欢将鼠标移动到格子上就能显示出一定的提示信息,比方说这个格子大小固定了但是里面内容超出格子了,这样我们希望鼠标移动过去后能自动提示所有的内容.用润乾报表可以这样 ...
css怎样使鼠标移到div上显示手型
新建一个html文件,命名为test.html,用于讲解css怎样使鼠标移到div上显示手型. 在test.html文件内,创建一个div模块,下面将使用css设置该div的样式,实现鼠标移到div上 ...
鼠标移到图片上，图片放大
.Nei1 img{ width: 122px; height: 89.6px; float: left; padding: 2px 2px; transition: all 0.6s; } .Nei ...
html 图片鼠标移上去点亮,CSS3 实现鼠标移到图片上时一片亮光一闪而过的效果...
01 效果描述 CSS3 实现鼠标移到图片上时一片亮光一闪而过的效果 02 效果图摘 03 关键代码 html: CSS: .hover14{ width:500px; float:left; } . ...
css如何实现鼠标移至图片上显示遮罩层及文字
css如何实现鼠标移至图片上显示遮罩层及文字问题:一张图片当鼠标移动到上方时,会显示一个遮罩层,并且显示一些提示文字 html: <div class="contentimg&quo ...
鼠标悬停 -css如何实现鼠标移至图片上显示遮罩层及文字
搜索这个效果的时候,很多人都是用css结合jQuery实现的,其实直接用css也可以实现哦~ 效果前: 效果后: 代码: <!DOCTYPE html> <html lang=&qu ...
css鼠标经过div1时div2消失,CSS_两个div叠加触发事件发生闪烁问题的解决方法，当鼠标移到div1上的时候，会出 - phpStudy...
两个div叠加触发事件发生闪烁问题的解决方法当鼠标移到div1上的时候,会出现div2.出现时div2在div1的上面,div2在出现后发生闪烁的问题. 于是开始找问题根源,发现原来是因为当我们触发 ...
html鼠标悬停填充表格,鼠标移到表格上时，鼠标所在行放大高亮显示【实例】...
本文给大家介绍一个比较有趣的CSS Table表格,当鼠标移到表格上时,鼠标所在行放大高亮显示. 鼠标所在行放大高亮显示 HTML代码html> Table V01 * { margin: 0p ...
鼠标移过，左右按钮显示
鼠标移过,左右按钮显示 There is no nutrition in the blog content. After reading it, you will not only suffer fr ...

可交互绘图——鼠标移到点的上方会显示该点的标签[jupyter notebook]

可交互绘图——鼠标移到点的上方会显示该点的标签[jupyter notebook]相关推荐

最新文章

热门文章