Plotly如何修改Trace内Marker样式？自定义单个Marker透明度求助

嘿，我来帮你搞定这个问题！你之前尝试的方法没用，是因为Scatter trace顶层的opacity参数是给整个trace里的所有marker统一设置透明度的，没法针对单个点做差异化调整。要实现用opacity_data列表给每个marker单独设置透明度，有两种简单好用的方法：

方法1：直接给Marker的opacity传数组 #

Plotly从较新版本（v4.0及以上）开始支持给marker.opacity传入数组，这样就能直接把你的opacity_data赋值进去，每个marker会对应使用数组里的透明度值。修改后的代码如下：

import dash
import dash_core_components as dcc
import dash_html_components as html
import plotly.graph_objs as go

app = dash.Dash()
x_data = list(range(1,11))
y_data = [i**2 for i in x_data]
opacity_data = [i / i**2 for i in x_data]  # 其实等价于[1/i for i in x_data]，写起来更简洁

app.layout = html.Div([
    dcc.Graph(id='test', figure=go.Figure(
        data=[go.Scatter(
            x=x_data,
            y=y_data,
            mode='markers',
            # 移除全局的opacity参数，改用marker下的opacity数组
            marker=dict(
                size=12,  # 可以根据需求调整marker大小
                opacity=opacity_data  # 这里传入你的透明度列表
            )
        )]
    ))
])

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

方法2：通过RGBA颜色值绑定透明度 #

如果你还需要自定义marker的颜色，这种方法会更灵活——我们可以把颜色和透明度组合成RGBA格式的字符串，生成一个颜色数组后赋值给marker.color。比如默认用Plotly的经典蓝色，就可以这样写：

import dash
import dash_core_components as dcc
import dash_html_components as html
import plotly.graph_objs as go

app = dash.Dash()
x_data = list(range(1,11))
y_data = [i**2 for i in x_data]
opacity_data = [i / i**2 for i in x_data]

# 生成带对应透明度的RGBA颜色数组
rgba_colors = [f'rgba(31, 119, 180, {op})' for op in opacity_data]

app.layout = html.Div([
    dcc.Graph(id='test', figure=go.Figure(
        data=[go.Scatter(
            x=x_data,
            y=y_data,
            mode='markers',
            marker=dict(
                size=12,
                color=rgba_colors  # 使用带透明度的颜色数组
            )
        )]
    ))
])

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

补充说明 #

你之前设置的opacity=1是整个trace的全局参数，它会把相同的透明度应用到trace里的所有元素（包括marker、线条等），所以没法实现单个marker的差异化设置。而marker.opacity或者通过RGBA颜色设置的透明度，都是针对每个marker单独生效的属性，支持数组输入来逐个控制。

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