如何在Plotly R中反转图例顺序且不影响柱状图堆叠顺序

你遇到的问题核心是Plotly默认绑定了图例顺序与堆叠trace的顺序，直接反转因子会同时打乱堆叠顺序和颜色匹配。不用调整因子顺序，只需单独控制图例的显示顺序就能解决。

解决方案：设置图例traceorder参数 #

在layout的legend配置中添加traceorder = 'reversed'，就能在保留原有堆叠顺序、颜色映射的前提下，反转图例的显示顺序。

修改后的完整代码：

library(dplyr)
library(plotly)
library(forcats)

set.seed(1)

df <- data.frame(
  institution = c('Four-year colleges', 'Two-year colleges', 'Nonprofit organizations', 'Other'),
  percentage = c(27,22,30,31)
)

df <- df %>%
  mutate(institution = fct_reorder(institution, percentage, .desc = TRUE))

color_palette = c('#245075', '#B03E61', '#BD4C42', '#4B7F60')

fig2 <- df %>% plot_ly(
  x = ~percentage, y = ~factor(1),  type = 'bar',
  color = ~institution,
  colors = color_palette,
  text = ~paste0(percentage, '%'),
  textfont = list(color = 'white'), 
  height = 170
)

fig2 <- fig2 %>% layout(
  yaxis = list(
    title = '',
    showticklabels = FALSE,
    showgrid = FALSE,
    zeroline = FALSE,
    showline = FALSE
  ),
  xaxis = list(
    title = '',
    showticklabels = FALSE,
    showgrid = FALSE,
    zeroline = FALSE,
    showline = FALSE
  ),
  barmode = 'stack',
  showlegend = TRUE,
  legend = list(orientation = 'h', traceorder = 'reversed')  # 新增该行控制图例顺序
)

fig2 <- fig2 %>% config(displayModeBar = FALSE)
fig2

原理说明 #

• fct_reorder(institution, percentage, .desc = TRUE)确保堆叠顺序（从高到低）和颜色匹配符合你的预期
• traceorder = 'reversed'仅对图例的显示顺序做反转，不会影响实际的堆叠结构和颜色映射，完美解决两者的矛盾

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