自定义悬停信息与图例

Python 中的 Plotly 数据可视化入门

Alex Scriven

Data Scientist

我们说的"悬停"是什么？

悬停信息：当鼠标移到数据点上出现的文本与数据

$$

默认悬停选项

Python 中的 Plotly 数据可视化入门

其他默认悬停信息

   

默认 hovermode = "closest"

  • "x" 或 "y"：在 x 或 y 轴上添加高亮

$$

  • "x unified" / "y unified"：显示一条线和一个悬停框，汇总该 x 或 y 轴上的所有值

x 悬停

X 统一悬停

Python 中的 Plotly 数据可视化入门

使用 plotly.express 的悬停信息

 

  • hover_name：指定列，将以粗体显示在悬停框顶部

$$

  • hover_data：要包含的列的列表，或用于包含/排除列的字典
    • {column_name: False}（将排除 column_name）
Python 中的 Plotly 数据可视化入门

悬停信息中的变量

💡 悬停列无需出现在图中

$$

fig = px.scatter(revenues, 
        x="Revenue", 
        y="employees",
        hover_name="Company",
        hover_data=["age"])

fig.show()

 

悬停于散点图

Python 中的 Plotly 数据可视化入门

设置悬停信息样式

 

  • hoverlabel
    • 接受样式属性字典，如字体、背景色、对齐

$$

  • hovertemplate
    • 类 HTML 字符串用于格式化文本（超出本课程范围）
Python 中的 Plotly 数据可视化入门

什么是图例？

  • 视觉指南，用于解释图中元素，如颜色或符号

$$

  • 通常在需要时自动添加
    • 例如，为柱状图添加颜色时

带颜色的柱状图

Python 中的 Plotly 数据可视化入门

创建与设置图例样式

$$

  • 使用 update_layout() 控制图例

$$

  • showlegend = True 显示默认图例
  • legend：接受属性字典
    • x、y 在图内定位图例（范围 0 到 1）
    • 其他样式如 bgcolor（背景色）、borderwidth、font

$$

参见文档了解更多

Python 中的 Plotly 数据可视化入门

样式化图例

$$

$$

fig.update_layout(
    "showlegend": True,

    legend_title_text="All Companies"

    legend=dict(
    x=0.7, y=0.8,
    bgcolor="rgb(246,228,129)"))
})

 

样式化的图例

Python 中的 Plotly 数据可视化入门

Passons à la pratique !

Python 中的 Plotly 数据可视化入门

Preparing Video For Download...