Skip to content
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.

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

how to set custom hotSpots arrow rotation #1223

Open
himadri-housiey opened this issue Jul 11, 2024 · 1 comment
Open

how to set custom hotSpots arrow rotation #1223

himadri-housiey opened this issue Jul 11, 2024 · 1 comment
Labels

Comments

@himadri-housiey
Copy link

himadri-housiey commented Jul 11, 2024

Screenshot 2024-07-11 180920

but i want like this
Screenshot 2024-07-11 131550

this is my code.
image

what can i add for this.
I want to add rotate(---deg) rotateX(---deg) rotateY(---deg) rotateZ(---deg); each of the custom hotSpots rotation arrow angles separately. How can i do it?

@mpetroff
Copy link
Owner

The simplest—although less elegant—method would be to create a separate CSS class for each hot spot. The cssClass parameter can be a space-separated list of classes, so you could have a shared class and then only have separate classes for the rotation.

You could also use createTooltipFunc / createTooltipArgs. In this case, the hot spot <div> and the value of createTooltipArgs are both passed to the function assigned to createTooltipFunc, so you could assign the rotation values to createTooltipArgs and write a function to set the rotation on the hot spot <div>.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants