apache / echarts

Apache ECharts is a powerful, interactive charting and data visualization library for browser
https://echarts.apache.org
Apache License 2.0
60.54k stars 19.61k forks source link

[Bug] When I used the dataZoom control and set the style, I found that there was a problem with the style display #18528

Open cMing1997 opened 1 year ago

cMing1997 commented 1 year ago

Version

5.4.2

Link to Minimal Reproduction

https://echarts.apache.org/examples/zh/editor.html?code=PYBwLglsB2AEC8sDeAoWsAmBDMWBawwAtgFywDaa6yV1sYAniAKZkDkAzgDYQbMBObADS1qAMwhcuAgMLAuwfuwDEAUQCsqgGyqAHMNHoARlgDGAawDm_YAFdoGOQqWw2ygGIB2d7vcBBAzpjRT5-J0UVLx9_QKCOZmlTMGYMABEcLAAhMysbewwyVCDqHmhmAGVGaULDIIB3XjAACzIABhFiulMsEHY8hzZa9ABfWuGOoKasB2lKhmqaTtgjEIEAdUaW2Hah5dWwnvYjWzAwQeLx2okuZP4AWWA-dmYicAZYuibmCEsmsDJdBM6BwmsA6ulcOUphgwWQxFguPEgdQQbD6PxbMxkegOLh-GAAGoIzFtbGwZgOIlcEmwADMZKmMwqEAAXqxYABGHbFRkYaQASVMMHY0BgzA-1CMGJB5QSzCScIRSNqLMIRAAMsALGQwBisbVUeDmLhJIrEfriitTsQyLStKJRugALoTMCEG4QXqLai6n6WATsLAADwgHAlJgs1jsDnCLjY_EsJgAFO1U0JWgA6LTqACUEuSQbAcwWRSCQucKi0dtUAE51BL0GIYEXWeyOQAmMmlZgACW-v3-nN0DuRQugEjKOr1yJ6LAcABVgJlHgwp5jkRTblgjAtdevRLrphwIJAYKlbPwcFBoGQORvC5eZBwOPPmIWSLU2AAdOBLahEYMAFovh-P4yHbVpWhAIMAG4fz_ahgAANwEMQFDqQDV1gLATmAODfwQkBgAgaBbkA5gUNIjgyBwt18IQ9AQCwDAMBIyxAP4UD_i5aD6IYwC6mYIxzBPQDkNQ9DAI4UwbCkNidTsUwmj4hCViDKToTRKCg1gdtoN0gAWfTtNgBNky5IQDM7GtPHTDMIJzGDYHghiI1yaMClgZQxB8lS_xWfhQg45iIFsajYCM2CXIQllAJIvggzILQtGioJzlgS50Gkf0HBqYFQTqNcLRKZgxEHQCIORCAxxFMV81AMh1GRK03VIbZkUYFh2Gk2SuHDHIo3yWNIm8XwAmRJiWPkigtCEWB1BdA83yLKp2VLOhOKUvLOlabalnLCJXGUdRs1MMQOQbIIAtCYajpO9Qzousk6Gu9ZNlvZ7qEm1joEsMhyE7OlFtU_YACUQrC0ldnQFD8WqhE_B4Swb1cIheD5cVPvQBEfhRthTE3ARLpegb-kceRDrcVRUlUVR3FSdKLk-thWgAfRANg9s6A642UDk_A5GRaQu3ZHSCMWRioTLYGsXgubdL02C5ABSCVpDK9h1FV5FOIHdgtG10QWptVwVYlMcTWgdVtwSIqpYmIM_BDcL1swDJ_s_CD21pQDWh91ons91pvd9_320utgvf96OI6j0PfYM2Pg-j336zJSPk_j1otCTkO_d9zxc5T1p9HTuP89aGsi_jrlq_zjlA-KDO859js69b2l28AjlE7LzP67ToOW-7nO--HjlC7HlOOVLofp6rqf44grv20btLy599tw8X_PvZX3u56Xwem43irR8P3fJ4vzeF-vwDaVaLvhbrgzfbXuhm_91_g5f0Pf9aA-J9-7f2PuvYBvtz5ALzt_K-UCv6-1nnAhOvtb5IIAd3R-O9X4N1_m3LB3dO74J7rg0BH9y7YMgWA6B3dYFUPgTPRmsBgYogKnbEYEwGBO1DB7Ogrt0CdXZGwJCxJMa1DRtAfkpEBDCK4B9A0IAeBgHVCRNauxDRFU-t2YsqiEICPYNgEEKRGF0AltQaWdBgyhmUZOb0xR1GwHhOaMYZJLEvmquYLm-U0SOOVEsHGyMNjNGtkYW26JMRjAdFQZhPN_puHuo9NgzD4icWYOFSgvDajQCwEQQRFFNyAWXPIZg0xAAhboAbgNACE1oAB1NABbJJg2oBZBxsDyaRAp7pinQHKdUy6ctXCmFMEQcilEwD3zqXUy6ejXDdkutgXAPCdpzXaO1ZZSzVmLPWSsjZazNk7O2dsu8nJPrbNXnNDks1YCAnmlsuagNbLLJ7nNO5xymq7LmgZa5ulPodlqMwkm_ANgYGaOwHiQZLq4hyGQaAtgpAuP4MU7RkLoVcEic6FAwwYJAA&_source=echarts-doc-preview&version=5.4.2

Steps to Reproduce

  1. Use the above configuration to initialize the rendering chart

Current Behavior

Using configuration to render charts

Expected Behavior

  1. Elected the slider to the beginning or end, and select the rounded corner and the rounded corner of the outer slider to remain consistent

  2. Select the background color of the slider will not exceed the background color of the slider outside

Environment

- OS: window 10
- Browser: "5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36"
- Framework:Vue@2.6.11

Any additional comments?

No response

helgasoft commented 1 year ago

The slider is almost invisible and there are too many attributes defined. => simplify code to make it a Minimal Reproduction Does everyone understand the Expected Behavior ? => I don't, please clarify.