hovertool的基本使用

来源:https://www.cnblogs.com/ivanlee717/archive/2023/06/26/17505580.html
-Advertisement-
Play Games

# hovertool `HoverTool` 是 `Bokeh` 庫中的一個工具,它可以在滑鼠懸停在圖上時顯示數據。當滑鼠指針放在圖表的特定部分(比如散點圖的點或者線圖中的線的時候),該工具會顯示與該部分相關的附加信息。 一般配套使用的是`from bokeh.plotting import fi ...


hovertool

HoverToolBokeh 庫中的一個工具,它可以在滑鼠懸停在圖上時顯示數據。當滑鼠指針放在圖表的特定部分(比如散點圖的點或者線圖中的線的時候),該工具會顯示與該部分相關的附加信息。

一般配套使用的是from bokeh.plotting import figure, show

在Python中,plotting 通常指的是數據可視化,即將數據以圖表的形式展現出來。

bokeh.plotting 是 Bokeh 庫中的一個模塊,它提供了構建複雜統計圖像的一種簡單且高效的方法。這個模塊包含了很多函數,例如 figure(),來創建新的 Figure 對象;show()save(),用於展示和保存圖表等。

from bokeh.plotting import figure, show

# 創建一個新圖表
p = figure(width=400, height=400)

# 添加一個圓形散點圖
p.circle([1, 2, 3, 4, 5], [6, 7, 2, 4, 5], size=20, color="navy", alpha=0.5)

# 顯示結果
show(p)

image-20230626141130135

現在結合一個python內置的機器學習數據集iris來進行一個描繪。iris 數據集是一個經典的機器學習數據集,它包含了三種鳶尾花(setosa、versicolor和virginica)的四個特征(sepal length、sepal width、petal length 和 petal width)的測量值。這個數據集通常用於分類、數據可視化、數據清洗等機器學習任務的示例。

Bokeh 庫提供了一系列內置的樣本數據集以便於用戶進行數據可視化的實踐和學習,iris 就是其中之一。你可以直接使用這些數據集,而無需自己去收集和整理數據。

HoverTool() 函數創建 Hover 工具,用於在滑鼠懸停在數據點上時顯示數據。然後,我們將HoverTool 對象的tooltips 屬性設置為要顯示的文本,將HoverTool 對象的renderers 參數設置為將渲染 Hover 工具的scatter 對象。

# 導入需要的模塊
from bokeh.plotting import figure, show, output_file
from bokeh.models import HoverTool, ColumnDataSource
from bokeh.sampledata.iris import flowers

# 指定輸出html文件名
output_file("iris.html")

# 為不同種類的花設置顏色
color_map = {'setosa': 'red', 'versicolor': 'green', 'virginica': 'blue'}
flowers['color'] = [color_map[x] for x in flowers['species']]

# 創建ColumnDataSource對象,這樣我們可以在HoverTool中引用列名
source = ColumnDataSource(flowers)

# 添加工具提示(hover tool)
hover = HoverTool(tooltips=[
    ("Species", "@species"),
    ("Sepal width", "@sepal_width"),
    ("Sepal length", "@sepal_length"),
    ("Petal width", "@petal_width"),
    ("Petal length", "@petal_length"),
])

# 創建一個新的繪圖對象,並添加工具提示
p = figure(title = "Iris Morphology", tools=[hover, "pan,wheel_zoom,xbox_select,reset"])

# 繪製散點圖
p.circle('petal_length', 'petal_width', source=source,
         color='color', legend_group='species', fill_alpha=0.2, size=10)

# 顯示繪圖
show(p)

image-20230626143107474

在Bokeh中,@符號用於引用ColumnDataSource對象中的列。

在我們的例子中,"@species"表示從名為"species"的列中獲取數據。同樣,"@sepal_width""@sepal_length""@petal_width""@petal_length"分別表示引用對應的列。

當您將滑鼠懸停在圖上的某個點時,HoverTool工具會根據這些引用從數據源中提取對應的值,併在工具提示框中顯示出來。

所以,在這裡,"@species"等都是指向source(一個ColumnDataSource對象)中對應欄位的引用。

在Bokeh中,tools參數用於指定要添加到圖形中的工具。這些工具可以幫助用戶交互地查看和探索數據。在我們的例子中,tools參數包括以下幾項:

  1. hover: 這是一個HoverTool實例,當滑鼠懸停在圖上的某個點時,它會顯示該點的詳細信息。在我們的例子中,這些信息包括花的種類(species)和各部分的尺寸(sepal and petal width/length)。
  2. "pan": 這個工具允許用戶通過點擊並拖動來平移(即改變視角的位置)圖形。
  3. "wheel_zoom": 這個工具允許用戶通過滾動滑鼠滾輪來放大或縮小圖形。
  4. "xbox_select": 這個工具允許用戶通過拖拽一個矩形框來選擇圖形中的多個點。選中的點會被高亮顯示。
  5. "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參數列表中,以將它們添加到圖形的工具欄。下麵是一個例子:

python複製代碼p = figure(tools="pan,wheel_zoom,box_select,crosshair,reset")

此外,還可以創建自定義的HoverTool或其他工具實例,並將其添加到工具欄中。例如:

python複製代碼hover = HoverTool(tooltips=[("Species", "@species")])
p = figure(tools=[hover, "pan,wheel_zoom,reset"])

在這個例子中,當滑鼠懸停在數據點上時,會顯示該點的"Species"值。

本文來自博客園,作者:ivanlee717,轉載請註明原文鏈接:https://www.cnblogs.com/ivanlee717/p/17505580.html


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • > 本文首發於公眾號:Hunter後端 > 原文鏈接:[celery筆記八之資料庫操作定時任務](https://mp.weixin.qq.com/s/iM0VxVMagmRNeG2VIc01pg) 前面我們介紹定時任務是在 celery.py 中的 `app.conf.beat_schedule` ...
  • > 本文節選自筆者博客:[https://www.blog.zeeland.cn/archives/019hasaa](https://www.blog.zeeland.cn/archives/019hasaa) # 前言 如果你經常閱讀論文,那麼你肯定會遇到以下幾個問題: - 論文晦澀難懂看不明白 ...
  • 本文將通過閱讀AnnotationConfigApplicationContext源碼,分析Spring啟動流程。 # 創建AnnotationConfigApplicationContext ```java AnnotationConfigApplicationContext applicatio ...
  • # 概念 在 Java 中,`char` 和 `byte` 類型占用的存儲空間是不同的。 1. `char` 類型:`char` 是 16 位無符號的 Unicode 字元類型,用於表示單個字元。在 Java 中,`char` 類型占用 2 個位元組(16 位)的存儲空間。 2. `byte` 類型: ...
  • 當我們在開發項目時,有時需要用到外部依賴組件,例如當我們需要Json序列化的時候需要用到FastJson組件,我們可以通過下載對應jar包載入到項目中。但當一個大的項目同時需要依賴各種各樣的外部服務,就存在著配置繁瑣、依賴衝突等問題,因此可以通過maven來完成對應的依賴管理功能。 ...
  • ### 序 上一篇我們介紹了 k8s 的基本架構,我們在這篇文章將介紹 `Kubernetes` 關鍵組件和概念。 還是先來一張圖: ![1_2pdatNn7KzcQZpc8cOALOQ.webp][1] 根據上圖我們分別對`Deployment`、`ReplicaSet`、`Pod`詳細的介紹,其 ...
  • ### 一、項目結構 新建報表微服務模塊,這是我的項目結構圖。 ![](https://pic.smartasc.cn/blogPics/20230626141851.png) ### 二、執行初始化數據腳本 運行積木報表的初始化腳本,創建相關表結構,github速度太慢,推薦使用 [gitee地址 ...
  • 1、準備需要的jar包並複製到伺服器某個目錄下 ![](https://img2023.cnblogs.com/blog/1928230/202306/1928230-20230626151543572-42173473.png) 2、在此目錄下,創建Dockerfile的文本文件,並將以下內容添加 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...