Skip to content

Consider adding an example for onclick listener #215

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
chungwong opened this issue Jul 8, 2024 · 5 comments
Open

Consider adding an example for onclick listener #215

chungwong opened this issue Jul 8, 2024 · 5 comments
Labels
JavaScript

Comments

@chungwong
Copy link

Given the following Scatter example, it is unclear how to add an onclick listener to the chart.

let mut plot = Plot::new();
let trace = Scatter::new(vec![0, 1, 2], vec![2, 1, 0]);
plot.add_trace(trace);

let layout = plotly::Layout::new().title("Displaying a Chart in Yew");
plot.set_layout(layout);

plotly::bindings::new_plot(id, &plot).await;

In Plotly.js, this can be acheived by capturing the plotly_click event, i.e.

plot.on('plotly_click', function(data) {
  ..
});

Is it supported in plotly.rs?
@andrei-ng
Copy link
Collaborator

Hi @chungwong. This is not supported. Would be nice if you could submit a PR with such a feature.

@FritsHoogland
Copy link

First of all thank you for the marvellous crate!

I would love to have a way to make the browser open a url on clicking on data points (a stacked bar in my case), and was thinking (hoping actually) that that functionality was provided by plotly::layout::ClickMode::Event, and then somehow give it a URL or javascript?

@fraxinas
Copy link

I had been trying to get the plotly_click listener to work in rust/wasm until finally seeing this issue and that it's currently unimplemented :( it would be very highly appreciated if this would be possible.

my current hacky workaround is to use set_onclick on the div containing the plot and then crudely mapping cursor positions, but this only works for me because all i need are the x and y positions and no deeper data.

@andrei-ng
Copy link
Collaborator

andrei-ng commented Mar 17, 2025 •
edited
Loading

@fraxinas , is the work you did something you would like to contribute to in a PR. It can also be in the form of an example in the examples folder or as an example in the mdBook.

My current focus is on getting the static image to work, hene that is where all my effort will be going for a while.

@andrei-ng
Copy link
Collaborator

andrei-ng commented May 12, 2025 •
edited
Loading

Thanks to @h4ck4l1, there is now support for on_click when using wasm targets. For those interested see: #287 and the example added by that PR https://github.com/plotly/plotly.rs/tree/main/examples/wasm-yew-callback-minimal

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
JavaScript
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@fraxinas @chungwong @FritsHoogland @andrei-ng