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

[Feature] bar图,想鼠标悬浮上去时候,shadow可以横坐标同时正负偏移,且y轴相对偏移一点,类似遮罩效果,应该怎么实现 #20049

Closed
lyz1991 opened this issue Jun 19, 2024 · 5 comments

Comments

@lyz1991
Copy link

lyz1991 commented Jun 19, 2024

What problem does this feature solve?

when mouseover bar chart,achieve the effect shown in the below image, the emphasis height is small larger than data bar don't equal to the axisPointer Line's default height

What does the proposed API look like?

WechatIMG53
@Ovilia
Copy link
Contributor

Ovilia commented Jun 19, 2024

This seems to be like axisPointer. Can you be more specific how's it different and why it's a necessary design?

@lyz1991
Copy link
Author

lyz1991 commented Jun 20, 2024

This seems to be like axisPointer. Can you be more specific how's it different and why it's a necessary design?

if set axisPointer, the axisPointer's height seems to be all the same, but I want the emphasis's height is only a little larger than the data bar's height,just if the data is small then it's emphasis height is relative short and if the data is large then it's emphasis height is relative high

@Ovilia
Copy link
Contributor

Ovilia commented Jun 20, 2024

What does the emphasized rect mean then, if it's not just background? What's the meaning of its height when its slightly taller the the bar's and how you are going to convary this information without making users being confused?

@lyz1991
Copy link
Author

lyz1991 commented Jun 20, 2024

What does the emphasized rect mean then, if it's not just background? What's the meaning of its height when its slightly taller the the bar's and how you are going to convary this information without making users being confused?

just a highlighted effects to make page looks better, no extra meaning.

@Ovilia
Copy link
Contributor

Ovilia commented Jun 20, 2024

If this is the case, I don't think this is a common feature. That being said, you may consider creating a rectangle at the bar's back using graphic.elements to hack this effect, which should be a little challenging and you need to figure out the position with careful calculation.

@Ovilia Ovilia closed this as completed Jun 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants