GithubHelp home page GithubHelp logo

Comments (3)

pvictor avatar pvictor commented on June 19, 2024 1

Hello Simon, thanks for the kind words and the support !
Yes there's not much documentation on how to interact with Shiny, I will write a vignette when I figure out how to make it easy to be used from R.
For the moment you have an example on how to use a JS function as callback in ?events_opts, all JS callbacks can be defined here.

Here an imperfect example, maybe there's a better way to retrieve x-axis info, i'll look into it :

library(shiny)
library(apexcharter)

ui <- fluidPage(
  fluidRow(
    column(
      width = 8, offset = 2,
      tags$h2("Apexchart in Shiny"),
      apexchartOutput("chart"),
      verbatimTextOutput(outputId = "res_click")
    )
  )
)

server <- function(input, output, session) {
  
  output$chart <- renderApexchart({
    apexchart() %>%
      ax_chart(
        type = "bar",
        events = events_opts(
          dataPointSelection = JS(
            "function(event, chartContext, config) {
                console.log(config);
               Shiny.setInputValue('click', {
                raw: config.selectedDataPoints,
                category: config.w.config.xaxis.categories[config.selectedDataPoints]
               })
              }"
          ) 
        )
      ) %>%
      ax_series(
        list(
          name = "Example",
          data = sample(1:100, 5)
        )
      ) %>%
      ax_xaxis(
        categories = LETTERS[1:5]
      )
  })
  
  output$res_click <- renderPrint({
    input$click
  })
}

shinyApp(ui, server)

Victor

from apexcharter.

systats avatar systats commented on June 19, 2024

Thanks a lot!

from apexcharter.

pvictor avatar pvictor commented on June 19, 2024

I added new functions to interact with charts in shiny, usage is described here : https://dreamrs.github.io/apexcharter/articles/shiny-integration.html
And it's now on CRAN!

from apexcharter.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.