echarts icon indicating copy to clipboard operation
echarts copied to clipboard

Data label is not aligned properly on both with or without hover the bar

Open Muthuponmari opened this issue 1 year ago • 2 comments

Version

5.2.2

Link to Minimal Reproduction

https://codesandbox.io/s/w8qgyq

Steps to Reproduce

  1. Create a simple bar chart
  2. Give label: {show : true, position top} in series
  3. On emphasis change the borderwidth and border color
  4. on hover the bar the data label is moving up and down

Current Behavior

the data label is moving up and down on hover

Expected Behavior

it should be constantly fixed

Environment

- OS:macos
- Browser:chrome 96.0
- Framework:Visual studio code

Any additional comments?

No response

Muthuponmari avatar Jun 27 '24 07:06 Muthuponmari

Border width is considered when calculating the bounding box, so I think this is as expected.

Ovilia avatar Jun 27 '24 08:06 Ovilia

but it is not look good, ux is not correct, any solution to this

Muthuponmari avatar Jun 27 '24 08:06 Muthuponmari