在 ggplotly 散点图中添加自定义数据标签 [英] Add custom data label in ggplotly scatterplot

查看:53
本文介绍了在 ggplotly 散点图中添加自定义数据标签的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想在光标位于每个数据点而不是 x 和 y 值时显示每个数据点的 Species.我使用 iris 数据集.此外,我希望能够单击数据点以使标签持久化,并且当我在图中选择一个新点时不会消失.(如果可能的话 ).基本是标签.持久性问题是一个优点.这是我的应用程序:

## 注意:extrafont 在 Windows 上有点繁琐,##所以一定要按顺序执行代码## 提供,否则 ggplot 将找不到字体# 使用它来获取 R 中没有的额外字体install.packages("extrafont");库(extrafont)# 警告:如果没有在 font_import 中指定,它将# 花费一些时间来获取所有字体字体导入(模式=calibri")loadfonts(设备=赢")#ui.r图书馆(闪亮)图书馆(ggplot2)图书馆(情节)图书馆(额外字体)图书馆(ggrepel)流体页(# 应用标题----titlePanel(div("CROSS CORRELATION",style = "color:blue")),# 带有输入和输出定义的侧边栏布局----侧边栏布局(# 输入侧边栏面板----侧边栏面板(# 输入:选择一个文件----fileInput("file1", "输入 CSV 文件",多个=真,接受 = c("文本/csv",文本/逗号分隔值,文本/纯文本",".csv")),# 水平线----标签$hr(),# Input: Checkbox if file has header ----复选框输入(标题",标题",真),# 输入:选择分隔符----单选按钮(sep",分隔符",选择 = c(逗号 = ",",分号 = ";",制表符 = "	"),选定 = ","),# 水平线----标签$hr(),# 输入:选择要显示的行数----单选按钮(显示",显示",选择= c(头=头",全部=全部"),选定的=头")),# 显示输出的主面板----主面板(tabsetPanel(类型=标签",tabPanel("表格",闪亮::dataTableOutput("内容")),tabPanel("相关图",标签$style(type="text/css", "#loadmessage {位置:固定;顶部:0px;左:0px;宽度:100%;填充:5px 0px 5px 0px;文本对齐:居中;字体粗细:粗体;字体大小:100%;颜色:#000000;背景颜色:#CCFF66;z 指数:105;}"),conditionalPanel(condition="$('html').hasClass('shiny-busy')",tags$div("加载中...",id="loadmessage")),流体行(列(3,uiOutput(lx1")),列(3,uiOutput(lx2"))),小时(),流体行(标签$style(type="text/css",".shiny-output-error { 可见性:隐藏;}",.shiny-output-error:before {可见性:隐藏;}"),列(3,uiOutput(td")),列(3,uiOutput(一个"))),流体行(情节输出(sc")))))))#server.r功能(输入,输出){输出$内容<-闪亮::renderDataTable({虹膜})输出$lx1<-renderUI({selectInput("lx1", label = h4("选择第一个表达式配置文件"),选择 = colnames(iris[,1:4]),选择=Lex1")})输出$lx2<-renderUI({selectInput("lx2", label = h4("选择第二个表达式配置文件"),选择 = colnames(iris[,1:4]),选定=Lex2")})输出$td<-renderUI({radioButtons("td", label = h4("Trendline"),选择=列表(添加趋势线"=lm",删除趋势线"="),选择=")})输出$an<-renderUI({radioButtons("an", label = h4("相关系数"),选择 = list("添加 Cor.Coef" = cor(subset(iris, select=c(input$lx1)),subset(iris, select=c(input$lx2))), "删除 Cor.Coef" = ""),选择=")})输出$sc<-renderPlotly({p1 <- ggplot(iris, aes_string(x = input$lx1, y = input$lx2))+# 更改 geom_point 中的点选项geom_point(颜色=深蓝色")+# 更改绘图的标题(可以更改轴标题# 在这个选项中以及添加字幕)实验室(标题=交叉相关")+# 更改刻度线的位置scale_x_continuous(breaks = seq(0, 2.5, 30)) +scale_y_continuous(breaks = seq(0, 2.5, 30)) +# 更改每个元素的文本外观主题(标题=元素文本(家庭=Calibri",大小 = 10,脸=粗体"),axis.title = element_text(family = "Calibri Light",大小 = 16,脸=粗体",颜色=深灰色"),axis.text = element_text(family = "Calibri",大小 = 11))+主题_bw()+geom_smooth(方法=输入$td)+注释(文本",x = 10,y = 10,标签 = as.character(输入$an))ggplotly(p1) %>%布局(悬停标签=列表(bgcolor=白色",字体=列表(家庭=Calibri",大小 = 9,颜色=黑色")))})}

解决方案

1.工具提示

您可以通过多种方式更改工具提示,如

保留所有标签

您可以使用 reactiveValues 将每次点击存储在响应式 data.frame 中,并将此 data.frame 用于您的 geom_text 层.

库(闪亮)图书馆(情节)图书馆(ggplot2)ui <-流体页面(情节输出(虹膜"))服务器 <- 功能(输入,输出,会话){# 1. 创建响应式值vals <-reactiveValues()# 2. 创建df来存储点击vals$click_all <- data.frame(x = numeric(),y = 数字(),标签 = 字符())# 3. 在绘图点击时添加点观察({# 获取点击点click_data <- event_data("plotly_click", source = "select")# 获取当前点的数据label_data <- data.frame(x = click_data[["x"]],y = click_data[["y"]],标签 = click_data[["key"]],字符串AsFactors = FALSE)# 将当前点添加到所有点击的dfvals$click_all <- 合并(vals$click_all,标签数据,全部=真)})输出$iris <- renderPlotly({# 设置情节p1 <- ggplot(iris, aes_string(x = "Sepal.Length",y = "萼片宽度",键=物种"))+geom_point() +# 4. 为点击的点添加标签geom_text(数据 = vals$click_all,aes(x = x, y = y, 标签 = 标签),继承.aes = FALSE, nudge_x = 0.25)# 返回绘图ggplotly(p1, source = "select", tooltip = c("key"))})}闪亮的应用程序(用户界面,服务器)

I would like to display the Species for each data point when the cursor is over the point rather than the than the x and y values. I use the iris dataset. Also I want to be able to click on a data point to make the label persistent and not get disapperaed when I choose a new spot in the plot. (if possible ). The basic is the label. The persistence issue is a plus. Here is my app:

## Note: extrafont is a bit finnicky on Windows, 
## so be sure to execute the code in the order 
## provided, or else ggplot won't find the font

# Use this to acquire additional fonts not found in R
install.packages("extrafont");library(extrafont)
# Warning: if not specified in font_import, it will 
# take a bit of time to get all fonts
font_import(pattern = "calibri")
loadfonts(device = "win")

#ui.r
library(shiny)
library(ggplot2)
library(plotly)
library(extrafont)
library(ggrepel)
fluidPage(

  # App title ----
  titlePanel(div("CROSS CORRELATION",style = "color:blue")),

  # Sidebar layout with input and output definitions ----
  sidebarLayout(

    # Sidebar panel for inputs ----
    sidebarPanel(

      # Input: Select a file ----
      fileInput("file1", "Input CSV-File",
                multiple = TRUE,
                accept = c("text/csv",
                           "text/comma-separated-values,text/plain",
                           ".csv")),

      # Horizontal line ----
      tags$hr(),

      # Input: Checkbox if file has header ----
      checkboxInput("header", "Header", TRUE),

      # Input: Select separator ----
      radioButtons("sep", "Separator",
                   choices = c(Comma = ",",
                               Semicolon = ";",
                               Tab = "	"),
                   selected = ","),


      # Horizontal line ----
      tags$hr(),

      # Input: Select number of rows to display ----
      radioButtons("disp", "Display",
                   choices = c(Head = "head",
                               All = "all"),
                   selected = "head")





    ),
    # Main panel for displaying outputs ----
    mainPanel(

      tabsetPanel(type = "tabs",
                  tabPanel("Table",
                           shiny::dataTableOutput("contents")),
                  tabPanel("Correlation Plot",
                           tags$style(type="text/css", "
           #loadmessage {
                                      position: fixed;
                                      top: 0px;
                                      left: 0px;
                                      width: 100%;
                                      padding: 5px 0px 5px 0px;
                                      text-align: center;
                                      font-weight: bold;
                                      font-size: 100%;
                                      color: #000000;
                                      background-color: #CCFF66;
                                      z-index: 105;
                                      }
                                      "),conditionalPanel(condition="$('html').hasClass('shiny-busy')",
                                                          tags$div("Loading...",id="loadmessage")
                                      ),
                           fluidRow(
                             column(3, uiOutput("lx1")),
                           column(3,uiOutput("lx2"))),
                           hr(),
                           fluidRow(
                             tags$style(type="text/css",
                                        ".shiny-output-error { visibility: hidden; }",
                                        ".shiny-output-error:before { visibility: hidden; }"
                             ),
                           column(3,uiOutput("td")),
                           column(3,uiOutput("an"))),
                           fluidRow(
                           plotlyOutput("sc"))
      ))
  )))
#server.r
function(input, output) {


  output$contents <- shiny::renderDataTable({

    iris
  })


  output$lx1<-renderUI({
    selectInput("lx1", label = h4("Select 1st Expression Profile"), 
                choices = colnames(iris[,1:4]), 
                selected = "Lex1")
  })
  output$lx2<-renderUI({
    selectInput("lx2", label = h4("Select 2nd Expression Profile"), 
                choices = colnames(iris[,1:4]), 
                selected = "Lex2")
  })

  output$td<-renderUI({
    radioButtons("td", label = h4("Trendline"),
                 choices = list("Add Trendline" = "lm", "Remove Trendline" = ""), 
                 selected = "")
  })

  output$an<-renderUI({

    radioButtons("an", label = h4("Correlation Coefficient"),
                 choices = list("Add Cor.Coef" = cor(subset(iris, select=c(input$lx1)),subset(iris, select=c(input$lx2))), "Remove Cor.Coef" = ""), 
                 selected = "")
  })  


 output$sc<-renderPlotly({

   p1 <- ggplot(iris, aes_string(x = input$lx1, y = input$lx2))+

     # Change the point options in geom_point
     geom_point(color = "darkblue") +
     # Change the title of the plot (can change axis titles
     # in this option as well and add subtitle)
     labs(title = "Cross Correlation") +
     # Change where the tick marks are
     scale_x_continuous(breaks = seq(0, 2.5, 30)) +
     scale_y_continuous(breaks = seq(0, 2.5, 30)) +
     # Change how the text looks for each element
     theme(title = element_text(family = "Calibri", 
                                size = 10, 
                                face = "bold"), 
           axis.title = element_text(family = "Calibri Light", 
                                     size = 16, 
                                     face = "bold", 
                                     color = "darkgrey"), 
           axis.text = element_text(family = "Calibri", 
                                    size = 11))+
     theme_bw()+
     geom_smooth(method = input$td)+
     annotate("text", x = 10, y = 10, label = as.character(input$an))
   ggplotly(p1) %>%
     layout(hoverlabel = list(bgcolor = "white", 
                              font = list(family = "Calibri", 
                                          size = 9, 
                                          color = "black")))

 }) 




}

解决方案

1. Tooltip

You can change the tooltip in a number of ways, as described here. To just show Species in the tooltip, something like this should work:

library(ggplot2)
library(plotly)
p1 <- ggplot(iris, aes_string(x = "Sepal.Length", 
                                y = "Sepal.Width",
                                key = "Species")) +
      geom_point()
ggplotly(p1, source = "select", tooltip = c("key"))

2. Persistent Label

I'm not sure how to leave the plotly tooltip on the point upon clicking, but you could use a plotly click event to get the clicked point and then add a geom_text layer to your ggplot.

3. Minimal Example

I've adapated your code to make a simpler example. Generally, it's helpful if you create a minimal example and remove sections of your app that aren't needed to recreate your question (e.g. changing fonts).

library(shiny)
library(plotly)
library(ggplot2)

ui <- fluidPage(
  plotlyOutput("iris")
)

server <- function(input, output, session) {
  output$iris <- renderPlotly({
      # set up plot
      p1 <- ggplot(iris, aes_string(x = "Sepal.Length", 
                                    y = "Sepal.Width",
                                    key = "Species")) +
          geom_point()

      # get clicked point
      click_data <- event_data("plotly_click", source = "select")
      # if a point has been clicked, add a label to the plot
      if(!is.null(click_data)) {
          label_data <- data.frame(x = click_data[["x"]],
                                   y = click_data[["y"]],
                                   label = click_data[["key"]],
                                   stringsAsFactors = FALSE)
         p1 <- p1 + 
             geom_text(data = label_data,
                       aes(x = x, y = y, label = label),
                       inherit.aes = FALSE, nudge_x = 0.25)
      }
      # return the plot
      ggplotly(p1, source = "select", tooltip = c("key"))
  })
  }

shinyApp(ui, server)

Edit: Keep All Labels

You can store each click in a reactive data.frame using reactiveValues and use this data.frame for your geom_text layer.

library(shiny)
library(plotly)
library(ggplot2)

ui <- fluidPage(
    plotlyOutput("iris")
)

server <- function(input, output, session) {
    # 1. create reactive values
    vals <- reactiveValues()
    # 2. create df to store clicks
    vals$click_all <- data.frame(x = numeric(),
                                y = numeric(),
                                label = character())
    # 3. add points upon plot click
    observe({
        # get clicked point
        click_data <- event_data("plotly_click", source = "select")
        # get data for current point
        label_data <- data.frame(x = click_data[["x"]],
                                 y = click_data[["y"]],
                                 label = click_data[["key"]],
                                 stringsAsFactors = FALSE)
        # add current point to df of all clicks
        vals$click_all <- merge(vals$click_all,
                                label_data, 
                                all = TRUE)
    })
    output$iris <- renderPlotly({
        # set up plot
        p1 <- ggplot(iris, aes_string(x = "Sepal.Length", 
                                      y = "Sepal.Width",
                                      key = "Species")) +
            geom_point() + 
            # 4. add labels for clicked points
            geom_text(data = vals$click_all,
                      aes(x = x, y = y, label = label),
                      inherit.aes = FALSE, nudge_x = 0.25)
        # return the plot
        ggplotly(p1, source = "select", tooltip = c("key"))
    })
}

shinyApp(ui, server)

这篇关于在 ggplotly 散点图中添加自定义数据标签的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆