qidao123.com技术社区-IT企服评测·应用市场

标题: hovertool的基本使用 [打印本页]

---

作者: 来自云龙湖轮廓分明的月亮    时间: 2023-6-26 15:45
标题: hovertool的基本使用
hovertool

HoverTool 是 Bokeh 库中的一个工具，它可以在鼠标悬停在图上时显示数据。当鼠标指针放在图表的特定部分（比如散点图的点或者线图中的线的时候），该工具会显示与该部分相关的附加信息。
一般配套使用的是from bokeh.plotting import figure, show
在Python中，plotting 通常指的是数据可视化，即将数据以图表的形式展现出来。
而 bokeh.plotting 是 Bokeh 库中的一个模块，它提供了构建复杂统计图像的一种简单且高效的方法。这个模块包含了很多函数，例如 figure()，来创建新的 Figure 对象；show() 和 save()，用于展示和保存图表等。

1. from bokeh.plotting import figure, show
3. # 创建一个新图表
4. p = figure(width=400, height=400)
6. # 添加一个圆形散点图
7. p.circle([1, 2, 3, 4, 5], [6, 7, 2, 4, 5], size=20, color="navy", alpha=0.5)
9. # 显示结果
10. show(p)

复制代码

现在结合一个python内置的机器学习数据集iris来进行一个描绘。iris 数据集是一个经典的机器学习数据集，它包含了三种鸢尾花（setosa、versicolor和virginica）的四个特征（sepal length、sepal width、petal length 和 petal width）的测量值。这个数据集通常用于分类、数据可视化、数据清洗等机器学习任务的示例。
Bokeh 库提供了一系列内置的样本数据集以便于用户进行数据可视化的实践和学习，iris 就是其中之一。你可以直接使用这些数据集，而无需自己去收集和整理数据。
HoverTool() 函数创建 Hover 工具，用于在鼠标悬停在数据点上时显示数据。然后，我们将HoverTool 对象的tooltips 属性设置为要显示的文本，将HoverTool 对象的renderers 参数设置为将渲染 Hover 工具的scatter 对象。

1. # 导入需要的模块
2. from bokeh.plotting import figure, show, output_file
3. from bokeh.models import HoverTool, ColumnDataSource
4. from bokeh.sampledata.iris import flowers
6. # 指定输出html文件名
7. output_file("iris.html")
9. # 为不同种类的花设置颜色
10. color_map = {'setosa': 'red', 'versicolor': 'green', 'virginica': 'blue'}
11. flowers['color'] = [color_map[x] for x in flowers['species']]
13. # 创建ColumnDataSource对象，这样我们可以在HoverTool中引用列名
14. source = ColumnDataSource(flowers)
16. # 添加工具提示（hover tool）
17. hover = HoverTool(tooltips=[
18.     ("Species", "@species"),
19.     ("Sepal width", "@sepal_width"),
20.     ("Sepal length", "@sepal_length"),
21.     ("Petal width", "@petal_width"),
22.     ("Petal length", "@petal_length"),
23. ])
25. # 创建一个新的绘图对象，并添加工具提示
26. p = figure(title = "Iris Morphology", tools=[hover, "pan,wheel_zoom,xbox_select,reset"])
28. # 绘制散点图
29. p.circle('petal_length', 'petal_width', source=source,
30.          color='color', legend_group='species', fill_alpha=0.2, size=10)
32. # 显示绘图
33. show(p)

复制代码

在Bokeh中，@符号用于引用ColumnDataSource对象中的列。
在我们的例子中，"@species"表示从名为"species"的列中获取数据。同样，"@sepal_width"、"@sepal_length"、"@petal_width"和"@petal_length"分别表示引用对应的列。
当您将鼠标悬停在图上的某个点时，HoverTool工具会根据这些引用从数据源中提取对应的值，并在工具提示框中显示出来。
所以，在这里，"@species"等都是指向source（一个ColumnDataSource对象）中对应字段的引用。
在Bokeh中，tools参数用于指定要添加到图形中的工具。这些工具可以帮助用户交互地查看和探索数据。在我们的例子中，tools参数包括以下几项：

• hover: 这是一个HoverTool实例，当鼠标悬停在图上的某个点时，它会显示该点的详细信息。在我们的例子中，这些信息包括花的种类（species）和各部分的尺寸（sepal and petal width/length）。
  
• "pan": 这个工具允许用户通过点击并拖动来平移（即改变视角的位置）图形。
  
• "wheel_zoom": 这个工具允许用户通过滚动鼠标滚轮来放大或缩小图形。
  
• "xbox_select": 这个工具允许用户通过拖拽一个矩形框来选择图形中的多个点。选中的点会被高亮显示。
  
• "reset": 这个工具允许用户重置图形的视角和任何高亮的选中状态，恢复到初始状态。
  

以上这些工具都将被添加到图形的工具栏中，用户可以在图形上方直接看到并使用它们。

Bokeh提供了许多内置的工具以增强图形的交互性。以下是一些常见的可用工具：

• "box_select": 使用矩形框选中数据点。
  
• "xbox_select"和"ybox_select": 在x轴或y轴方向上使用矩形框选择数据点。
  
• "crosshair": 在鼠标悬停位置显示十字线。
  
• "lasso_select": 用自由绘制的套索形状选择数据点。
  
• "poly_select": 用多边形选取数据点。
  
• "tap": 单击选择数据点。
  
• "wheel_zoom"或"xwheel_zoom"和"ywheel_zoom": 使用鼠标滚轮在所有轴、x轴或y轴方向进行缩放。
  
• "box_zoom"或"xbox_zoom"和"ybox_zoom": 用拖动的矩形框来定义缩放范围。
  
• "undo"和"redo": 撤销/重做工具栏动作。
  
• "reset": 重置视图到初始状态。
  
• "save": 保存图像为PNG格式。
  
• "zoom_in"和"zoom_out": 缩放工具，可以针对所有轴、x轴或y轴。
  

你可以将这些工具名称字符串添加到tools参数列表中，以将它们添加到图形的工具栏。下面是一个例子：

1. python复制代码p = figure(tools="pan,wheel_zoom,box_select,crosshair,reset")

复制代码

此外，还可以创建自定义的HoverTool或其他工具实例，并将其添加到工具栏中。例如：

1. python复制代码hover = HoverTool(tooltips=[("Species", "@species")])
2. p = figure(tools=[hover, "pan,wheel_zoom,reset"])

复制代码

在这个例子中，当鼠标悬停在数据点上时，会显示该点的"Species"值。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

---

欢迎光临 qidao123.com技术社区-IT企服评测·应用市场 (https://dis.qidao123.com/)

Powered by Discuz! X3.4