如何修改Plotly图表鼠标悬停显示格式？附Shiny应用示例

当然有超简便的办法！你只需要利用plotly的hovertemplate参数，就能完全自定义鼠标悬停时的显示内容和格式，轻松实现你想要的换行效果。

下面是修改后的完整Shiny代码：

library(shiny)
library(plotly)
ui <- fluidPage(
  plotlyOutput("plot")
)
server <- function(input, output) {
  output$plot <- renderPlotly({
    plot_ly(mtcars, x = ~mpg, y = ~wt) %>%
      # 自定义悬停模板，<br>用来实现换行
      add_markers(hovertemplate = "mpg: %{x}<br>wt: %{y}<extra></extra>")
  })
}
shinyApp(ui, server)

关键细节说明： #

• hovertemplate中的%{x}会自动替换为当前数据点的mpg数值，%{y}则对应wt数值；
• <br>是HTML换行标签，用来实现两行分隔的显示效果；
• <extra></extra>用来隐藏plotly默认附带的额外提示（比如trace名称），如果需要保留默认提示，可以删掉这部分；
• 如果想控制数值的小数位数（比如保留1位小数），可以写成mpg: %{x:.1f}<br>wt: %{y:.1f}，让显示的数值更规整。

修改完成后，鼠标悬停在数据点上时，就会显示你想要的“mpg: XX.X [换行] wt: YY.Y”格式啦！

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