Plotly Express条形图按离散值上色失效问题求助

常见原因及修复方法 #

• 核心问题：未正确绑定颜色映射字段
  调用px.bar()时，必须把产品类别字段明确传给color参数，而非仅在x/y中使用。示例写法：

  import plotly.express as px
  
  # 假设数据框为df，产品类别字段是"product_category"，交易金额字段是"total_amount"
  fig = px.bar(df, 
               x="product_category", 
               y="total_amount",
               color="product_category",  # 关键：指定颜色对应离散类别
               title="各产品类别交易金额统计")
  fig.show()
  

• 聚合统计场景的注意事项
  若先按类别聚合金额，需确保聚合后的数据保留类别字段，再传入color参数：

  # 先完成数据聚合
  aggregated_df = df.groupby("product_category")["total_amount"].sum().reset_index()
  # 基于聚合数据绘图
  fig = px.bar(aggregated_df, 
               x="product_category", 
               y="total_amount",
               color="product_category")
  fig.show()
  

• 检查自定义颜色映射是否冲突
  若手动设置color_discrete_map，需保证每个类别都对应有效颜色值：

  color_map = {"电子产品": "#1f77b4", "服装": "#ff7f0e", "食品": "#2ca02c"}
  fig = px.bar(df, 
               x="product_category", 
               y="total_amount",
               color="product_category",
               color_discrete_map=color_map)
  fig.show()
  

其他排查点 #

• 确认产品类别字段为字符串类型（离散值），而非数值类型，Plotly会自动识别离散字段的颜色映射规则
• 检查是否误设color_continuous_scale（该参数针对连续数值，会覆盖离散颜色配置）

内容的提问来源于stack exchange，提问作者Abdullrahman Al Shaar