Plotly双轴镜像球员对比柱状图颜色合并问题解决方案咨询

问题根源 #

• 原有逻辑对两名球员的条形使用同一个颜色判断值，没有区分两者的颜色映射逻辑，导致其中一侧的颜色完全错误
• 单条形使用连续颜色标度（colorscale）容易出现映射异常，这类二分类颜色场景直接根据对比结果指定固定颜色更稳定可靠
• 额外冗余使用双y轴配置，完全不需要，反而容易引发布局异常

优化实现方案 #

直接逐指标对比两名球员的数值，分别给对应条形分配颜色，同时优化x轴显示避免负号干扰，支持多指标批量配置：

import pandas as pd
import plotly.graph_objects as go

# 可直接扩展更多统计指标
data = [
    ['Dribbling', 88, 81],
    ['Shooting', 85, 92],
    ['Passing', 90, 83],
    ['Defending', 38, 35],
]
df = pd.DataFrame(data, columns=['Stat', 'Messi', 'Ronaldo'])

fig = go.Figure()

# 绘制梅西侧（正数区域）条形
fig.add_trace(go.Bar(
    orientation='h',
    y=df['Stat'],
    x=df['Messi'],
    name='Messi',
    # 数值更高显示绿色，更低显示红色
    marker_color=['green' if m > r else 'red' for m, r in zip(df['Messi'], df['Ronaldo'])]
))

# 绘制罗纳尔多侧（负数区域，镜像）条形
fig.add_trace(go.Bar(
    orientation='h',
    y=df['Stat'],
    x=-df['Ronaldo'],
    name='Ronaldo',
    # 数值更高显示绿色，更低显示红色
    marker_color=['green' if r > m else 'red' for m, r in zip(df['Messi'], df['Ronaldo'])]
))

# 优化布局
fig.update_layout(
    barmode='relative',
    xaxis=dict(
        range=[-100, 100],
        # 把负刻度改成正的，两边都显示绝对值，符合阅读习惯
        tickvals=[-100, -80, -60, -40, -20, 0, 20, 40, 60, 80, 100],
        ticktext=['100', '80', '60', '40', '20', '0', '20', '40', '60', '80', '100'],
        title='Stat Value'
    ),
    yaxis=dict(title='Stats'),
    title='Messi vs Ronaldo Stat Comparison'
)

fig.show()

实现说明 #

• 所有指标统一放在同一个DataFrame中管理，新增指标只需要往data里加一行即可，不需要重复写绘图逻辑
• 颜色直接通过列表推导式逐行对比生成，不会出现标度映射错误
• 优化后的x轴无负号显示，两边的数值都是正向展示，更符合常规体育数据对比图的阅读习惯

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