You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Plotly图例符号访问、透明度提升及行间距调整技术咨询

Plotly图例自定义:调整符号透明度与条目间距

一、让图例符号透明度高于轨迹标记

Plotly默认图例符号的透明度和轨迹标记一致,要实现图例符号更不透明,可通过创建仅用于图例的隐藏轨迹来实现:

  1. 定义实际数据轨迹,设置较低的透明度,并关闭其图例显示(showlegend=False)
  2. 创建一个仅包含图例信息的空轨迹,设置较高的透明度,作为图例展示的符号

示例代码:

import plotly.graph_objects as go

# 实际数据轨迹:透明度低,不显示图例
actual_trace = go.Scatter(
    x=[1, 2, 3],
    y=[4, 5, 6],
    mode='markers',
    marker=dict(opacity=0.4, size=12, color='blue'),
    showlegend=False
)

# 图例专用轨迹:透明度高,仅显示图例
legend_trace = go.Scatter(
    x=[None], y=[None],
    mode='markers',
    marker=dict(opacity=1.0, size=12, color='blue'),
    name='数据轨迹'
)

fig = go.Figure(data=[actual_trace, legend_trace])
fig.show()

二、缩小图例条目间的垂直间距

通过布局设置中的legend.itemgap和legend.tracegroupgap参数调整:

  • itemgap:控制同组内图例条目之间的垂直间距(默认10像素)
  • tracegroupgap:控制不同图例组之间的间距(默认10像素)

示例代码:

fig.update_layout(
    legend=dict(
        itemgap=3,  # 缩小条目间距至3像素
        tracegroupgap=0  # 关闭组间间距
    )
)

如果你的轨迹使用了legendgroup分组,调整tracegroupgap可以进一步优化分组后的间距。

内容的提问来源于stack exchange,提问作者Tim Kirkwood

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.25 00:36:26