apache / apache/echarts

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

Open
#20,686 7 comments 0 reactions 0 assignees View on GitHub
bug en pending
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

### Version

5.6.0

### Link to Minimal Reproduction

[Demo](https://echarts.apache.org/examples/en/editor.html?code=PYBwLglsB2AEC8sDeAoWsDGwA2wBOAXLANoBEAxAMyUCcAHACIBCpAugDRqxjA6QhFU6dGDwQA5uICmhWKQCGADwgBnUlwC-ndOLEATQV3TYpAMzBEADNuFjxACwuxLmm4oCCylYeGw98sHkiMgAmSwBGABYAWksAdmio0nY5MKjYhPCAVmTUiJj4xIA2XNI0gsy40vKMxLpq_Nrwmgb0wrDWiuiQ8M7akJC-9sohhJDI0e6clLLG9pKZmvaqxbmx-tW2sZbNrspLScpe3di6WOO8trPLQZPLa5G76-nLguuF19OMoeuNz_vYjt_mdwgcnokLrMrolbsDEo84UlwdkfsVUeEVoi_lC3okgTivh1wT1UQNSQiCQDxqSXpSziEPnTupimSFsUt6fiOdF9qijkMaOcBbEKUtBZYJndxbSxbFGbL4sL7kquXNBaDheFIbLwrDKerRWrEpL_uqZUbwvKLSydeyLaq2oKiabutqjWSpd1DY7uib9VNhQzAzb3XafSEHQVBbyTqChbHLLE9TU45ZvTFU36U4nLOb0qmrfmcyGi6c-qnI4lExqExDy9Ws404yja5b64kSxnq2Gu3j286CXGSbWPZ8h-mq77-3ne0GR53J2z-5W4zGx4n-bHwvGx9u0-W94383uZxDvluyxfLCvtzXd3WL-EJ1rjQfEqeX23HwvPz2z803xCZ9t2pC8Qg_EDCwzECfxAv8XwjcsQh3QdkJuJCRQw3MsKgmFzzHND4LQldkLvVCHwI-EMKRSiW1on9SJI7pkybZCgIw8CONw3VmQ4ojuiYtcoSyc4ULSESIiTVoJL3b0ZNiI95OwzYlMLJSSyUsMlIdeSyPE0StWkgyWOyAy5IMxSDLzXS1IMjSDK0gydNEgd9Mk0dhJc8z3Ms9zrJc2z3Mc9znMkzdLgktC3VMm4pJUpNMPi2LlIihLLEC4ijNivSIkiijPOyky8qfLLSN80j_OyjK6lKvskrYsFUti4cmrYoqEvY-qp1YVwuAAT08VQfGEFR7GAAB3IhTHkbAVCkGwtC4fxAgALV4ABbYIhBGsbxoYKRAggbAppmuabHQdbgAANykAAJeRoD0EwAGUwD6kxht8LBcFkUg8HEAAjeQAAoeiyFIshoCGodgcIAEp1F8RbfEum77sel6IAALykIg4nO2B7Aep6pGe7HcbkUFLAAUkR2ANA4Lg5rEKRvGQIxYGgeR1op0gmCkCAACsIGgcRYHcABFABJZIObekBeaBvBZd8ZaghIbIihSKJrFh6htboLXYboEJtfS7XmhSIo6AhyIUhNlIaF1p87eNm3YZoV3shh73taKGHxi9mgfaKShtciGG6F1op8dhopTdhyJnciMPYfAlI4iNrUYbiZ2JTNn3Ie18ZtcocHYayZ2ii9_37dT7Jy7icui9gOJ3afLO0zNr3M_tn2QljrIvcsZPncNlIwmj8IC4t6fYaiR3Y89q2jaH-3Y6j-2vYxP324jYvY-rq3k573WsnduhY9ziHU5oBO2-L2_m9d62J5HlIjldyg4hhyhIiNoCqdN6t1Tr3PWCcehzzZAHSu9sE7Bz9qnBkscy6gPdnEBOdB25JzfgA_OsAijN0LrrH-Vtb5AN1jQIhVtG6xyiLfd2R9YA0CQQ7Cu5dl4ewASwuuFtXYD1Xi_Zuc9459xoXAieYDsipyyAnWu88gHwJhlkeuXdYbvxAdrLI5dxj120cXcuhDxGtwDhogYWcBjH3tuXZoecdH3Ghn7XWkCJ5GNgJQce88L4w04XEOhT5w5IKyP4uhdAbGWwIeXS-Vj1HtywYEq2CcqZaKSUUVe1DYZNwnjw9xDItGgKQTHA2qdaBe3PvbPBcQeroA0CgDQQA&_source=echarts-doc-preview)

### Steps to Reproduce

See the demo.
The left handle is visible as expected.
![Image](https://github.com/user-attachments/assets/340f2f34-500d-4a94-8a7c-69b8e68c2fe3)
But the right handle is invisible.(NG)
![Image](https://github.com/user-attachments/assets/44d65827-32d0-4906-9716-ecc8b631c247)

### Current Behavior

But the right handle is invisible

### Expected Behavior

Both handles should be visible.

### Environment

```markdown
- OS:
- Browser:
- Framework:
```

### Any additional comments?

Similar issue: https://github.com/apache/echarts/issues/20593

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.