[Bug] the data zoom length should take the handle icon width into account

[Justin-ZS]

Version

5.6.0

Link to Minimal Reproduction

Demo

Steps to Reproduce

See the demo.
The left handle is visible as expected.

But the right handle is invisible.(NG)

Current Behavior

But the right handle is invisible

Expected Behavior

Both handles should be visible.

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

Similar issue: #20593

[sz-p]

This issue maybe happened on both grid and dataZoom.

Zoom bar and axis line has abnormal clip.

See this Demo:
https://echarts.apache.org/examples/en/editor.html?code=PYBwLglsB2AEC8sDeAoWsDGwA2wBOAXLANoBEAxAMyUCcAHACIBCpAugDRqxjA6QhFU6dGDwQA5uICmhWKQCGADwgBnUlwC-ndOLEATQV3TYpAMzBEADNuFjxACwuxLmm4oCCylYeGw98sHkiMgAmSwBGAFYAWksQ6JDKUnY5MKjY-JCAFjZXLgBPT1UfYRV7YAB3IlN5bBUpGy0uf0CALV4AW2ChUvKKhilAiGxq2vqbYzMLayNYO0cCGd8QeT09CGhxAnCl4Q7gADcpAAl5aD0TAGUwfJMS3yxcWVI8cQAjeQAKEKiUyJo_gDYOEAJTqXxNXymYYmPAAYRw-AIL3eX2s6PYljBE1g-yOp3OVwgAC8pFYcfYzhcpJcSWS5DtLABSZKzN74PQyABKqwgAFdvIycey8Jy8AB1CB6MD2RYUqkmACSWGgyPBsA0HC49TEUm8yFm0HkHXppCYUggACsNuJYO4AIqK1m-G4gU0fPDO4QtIIkOgANhSYQA7KxNCgNEA&_source=echarts-doc-preview&version=5.5.0

[helgasoft]

@Justin-ZS - yes, another micro-bug (who's still counting them...)
Easy workaround though - add left:'1%', right:'1%', to dataZoom.

[Justin-ZS]

@Justin-ZS - yes, another micro-bug (who's still counting them...) Easy workaround though - add left:'1%', right:'1%', to dataZoom.

If the grid has axis labels or has left, right set, adding left:'1%', right:'1%' doesn't help.

[helgasoft]

If the grid has axis labels or has left, right set, adding left:'1%', right:'1%' doesn't help.

do you have sample code for that?
Grid has no labels by definition and grid left/right do not affect dataZoom size - Demo

[Justin-ZS]

If the grid has axis labels or has left, right set, adding left:'1%', right:'1%' doesn't help.

do you have sample code for that? Grid has no labels by definition and grid left/right do not affect dataZoom size - Demo

When grid axis labels are shown. demo

When grid has left, right set. demo