如何修改Plotly Express平行类别图标签样式以提升文本可读性

你可以在原有绘图代码的fig.show()之前添加样式更新代码，即可实现文本加白色背景、调整字号、加粗的效果，示例如下：

完整修改后代码 #

import plotly.express as px

# 原有绘图逻辑不变
fig = px.parallel_categories(df,
                             dimensions=["batch_size", "out_channels", "num_layers",
                                         "aggr", "bias", "binned_" + continous_col],
                             color=continous_col,
                             color_continuous_scale= px.colors.sequential.Rainbow,
                             labels={"batch_size": "Batch Größe",
                                     "out_channels": "n",
                                     "num_layers": "Sequenzlänge L",
                                     "aggr": "Aggregatsfunktion",
                                     "bias": "Bias",
                                     "binned_" + continous_col: "TPR"}
                )

# 新增：更新文本样式配置
fig.update_traces(
    # 调整分类刻度文本样式
    tickfont=dict(
        size=12,
        color="black",
        weight="bold"
    ),
    # 给分类刻度文本添加白色背景
    ticklabel=dict(
        backgroundcolor="white"
    ),
    # 调整维度名称（顶部标签）样式
    labelfont=dict(
        size=14,
        color="black",
        weight="bold"
    )
)

# 可选：同步优化右侧颜色条的文本可读性
fig.update_coloraxes(
    colorbar=dict(
        tickfont=dict(size=11, color="black"),
        titlefont=dict(size=13, color="black", weight="bold")
    )
)

fig.show()

配置说明 #

• tickfont：控制每个维度下的分类值文本样式，可按需调整字号、颜色、加粗属性
• ticklabel.backgroundcolor：给所有分类文本添加白色背景，彻底解决彩色背景下文本辨识度低的问题
• labelfont：控制顶部的维度名称标签样式，和分类文本样式匹配提升整体协调性
• 可选的update_coloraxes配置用于同步优化右侧颜色条的文本样式，保证全图可读性统一

原效果图 #

内容的提问来源于stack exchange，提问作者thyhmoo