R Highcharter：Highlight/unhighlight 通过单击条形图中的条形

Question

是否可以在 highcharter 条形图中突出显示单击的条形图？下面的代码捕获了一个bar上的点击事件（代码来源于 to this question），问题是然后使用这个点击信息来高亮被点击的bar，然后当再次点击bar时取消高亮或者如果单击另一个栏。

一种突出显示的方法是使用 plotband（参见 here）但是我很灵活，只要用户可以清楚地看到他们的选择。

library("shiny")
library("highcharter")

ui <- shinyUI(
  fluidPage(
    column(width = 8, highchartOutput("hcontainer", height = "500px")),
    column(width = 4, textOutput("text"))
  )
)

server <- function(input, output) {      

  a <- data.frame(b = LETTERS[1:10], c = 11:20, d = 21:30, e = 31:40)

  output$hcontainer <- renderHighchart({      

    canvasClickFunction <- JS("function(event) {Shiny.onInputChange('canvasClicked', [this.name, event.point.category]);}")
    legendClickFunction <- JS("function(event) {Shiny.onInputChange('legendClicked', this.name);}")

    highchart() %>% 
      hc_xAxis(categories = a$b) %>% 
      hc_add_series(name = "c", data = a$c) %>%
      hc_add_series(name = "d", data = a$d) %>% 
      hc_add_series(name = "e", data = a$e) %>%
      hc_plotOptions(series = list(stacking = FALSE, events = list(click = canvasClickFunction, legendItemClick = legendClickFunction))) %>%
      hc_chart(type = "column")

  })      

  makeReactiveBinding("outputText")

  observeEvent(input$canvasClicked, {
    outputText <<- paste0("You clicked on series ", input$canvasClicked[1], " and the bar you clicked was from category ", input$canvasClicked[2], ".") 
  })

  observeEvent(input$legendClicked, {
    outputText <<- paste0("You clicked into the legend and selected series ", input$legendClicked, ".")
  })

  output$text <- renderText({
    outputText      
  })
}

shinyApp(ui, server)

Answer 1

您正在寻找 plotOptions.column.allowPointSelect 属性: API - allowPointSelect

只需更新代码中的第 25 行：

hc_plotOptions(series = list(stacking = FALSE, allowPointSelect = TRUE, events = list(click = canvasClickFunction, legendItemClick = legendClickFunction))) %>%

要select多于1点，按住ctrl键。

R Highcharter：Highlight/unhighlight 通过单击条形图中的条形

R Highcharter: Highlight/unhighlight a bar in a bar chart by clicking

highcharts

r-highcharter