如何修改Plotly Dash散点图的网格线颜色？

Plotly Dash的图表基于Plotly.js实现，修改网格线颜色只需调整Figure布局中的轴配置参数即可，操作方式如下：

• 使用Plotly Express绘图时，生成散点图后调用update_layout方法，分别为xaxis、yaxis设置gridcolor参数即可，参数支持十六进制颜色码、RGB格式、标准颜色名。
• 若要修改次网格颜色，额外配置minor_gridcolor参数，同时将showminorgrid设置为True即可。

完整可运行示例代码：

import dash
from dash import dcc, html
import plotly.express as px
import pandas as pd

# 构造示例数据
df = pd.DataFrame({
    "x": [1, 2, 3, 4, 5],
    "y": [2, 1, 4, 3, 5]
})

# 生成散点图
fig = px.scatter(df, x="x", y="y")

# 核心配置：修改网格线颜色
fig.update_layout(
    xaxis = dict(
        gridcolor = "#888888", # 主网格颜色，可替换为你需要的颜色
        # 次网格配置，不需要可删除
        showminorgrid = True,
        minor_gridcolor = "#eaeaea"
    ),
    yaxis = dict(
        gridcolor = "#888888", # 主网格颜色，可替换为你需要的颜色
        # 次网格配置，不需要可删除
        showminorgrid = True,
        minor_gridcolor = "#eaeaea"
    )
)

# 启动Dash应用
app = dash.Dash(__name__)
app.layout = html.Div([
    dcc.Graph(figure=fig)
])

if __name__ == "__main__":
    app.run_server(debug=True)

如果使用plotly.graph_objects模块绘图，配置逻辑完全一致，修改layout下的对应轴参数即可生效。

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