Mouse hover on interactive graph works on wrong positions on revealjs presentation #1004
Description
The mouse selects wrong items on interactive charts for revealjs presentations - sometimes interactivity stops working altogether.
The same issue happens on the Presentation window of RStudio, Edge Browser and Chrome - inside Quarto .md file (notebook) interactivity works without issue.
The screenshot shows when clicking the red legend, the blue legend gets selected. When clicking blue legend nothing happens.
Code to repliate
---
format:
revealjs:
self-contained: true
incremental: true
transition: convex
slide-number: true
controls: true
controls-layout: edges
---
## Plot and Data {.smaller .scrollable }
::: panel-tabset
### Plot
```{r}
library(echarts4r)
library(htmlwidgets)
library(webshot2)
df <- data.frame(
#x = LETTERS[1:5],
x = c("Sales", "Marketing", "C", "D","E" ),
y = c(0,2,3,4,7),#runif(5, 1, 5),
z = runif(5, 3, 7)
)
radar_chart = df |>
e_charts(x) |>
e_radar(y, max = 7, name = "Quarter 1", color=c("red","blue") )|>
e_radar(z, name = "Quarter 2") #|>
#e_legend(show = FALSE)
radar_chart
```
---
### Data
```{r}
df
```
### tree graph
```{r}
library(tibble)
tree <- tibble(
tibble(name = "earth","fire"), # 1st level
children = list(
tibble(name = c("land", "ocean"), # 2nd level
children = list(
tibble(name = c("forest", "river")), # 3rd level
tibble(name = c("fish", "kelp"),
children = list(
tibble(name = c("shark", "tuna"), # 4th level
NULL # kelp
))
)
))
)
)
tree |>
e_charts() |>
e_tree() |>
e_title("Tree graph")
```
### data
```{r}
tree
```
:::