dosubot[bot] commented on issue #37286: URL: https://github.com/apache/superset/issues/37286#issuecomment-3773509679
<!-- Answer --> This issue is likely caused by how Superset calculates and reserves space for the Zoom Data control (the dataZoom slider) in time-series charts. The control is rendered as part of the ECharts options and its position and size are determined by constants like `zoomBottom` and `gridOffsetBottomZoomable`, as well as the dynamic height of extra controls above the chart. If the dashboard panel is too small, or if extra controls are shown, the zoom slider can overflow or not fit properly because there’s no explicit width or overflow handling for these controls in the main chart component. This can be made worse by CSS or container sizing issues, such as restrictive height or overflow settings in parent containers or panels. Recent fixes (like [PR #36531](https://github.com/apache/superset/pull/36531)) improved overflow and display handling for chart controls, so make sure your environment includes these updates. If you still see the problem, try increasing the panel/container height, check for any restrictive CSS (like `overflow: hidden` or fixed heights), and see if the issue persists in other browsers. If you’re using custom dashboard layouts or plugins, they might also affect sizing. For more details, see the relevant [code for the chart and controls](https://github.com/apache/superset/blob/829e4d92d91ceae4b43b1ed3b063ffe45377799c/superset-frontend/plugins/plugin-chart-echarts/src/Timeseries/EchartsTimeseries.tsx#L41-L282) and [how the zoom control is configured](https://github.com/apache/superset/blob/829e4d92d91ceae4b43b1ed3b063ffe45377799c/superset-frontend/plugins/plugin-chart-echarts/src/Timeseries/transformProps.ts#L195-L687). <!-- Dosu Comment Footer --> *To reply, just mention [@dosu](https://go.dosu.dev/dosubot).* --- <sup>How did I do? [Good](https://app.dosu.dev/response-feedback/d729cf77-ad26-4a5c-9d00-988b97543110?feedback_type=great_response) | [Irrelevant](https://app.dosu.dev/response-feedback/d729cf77-ad26-4a5c-9d00-988b97543110?feedback_type=irrelevant_answer) | [Incorrect](https://app.dosu.dev/response-feedback/d729cf77-ad26-4a5c-9d00-988b97543110?feedback_type=incorrect_sources) | [Verbose](https://app.dosu.dev/response-feedback/d729cf77-ad26-4a5c-9d00-988b97543110?feedback_type=too_verbose) | [Hallucination](https://app.dosu.dev/response-feedback/d729cf77-ad26-4a5c-9d00-988b97543110?feedback_type=hallucination) | [Report 🐛](https://app.dosu.dev/response-feedback/d729cf77-ad26-4a5c-9d00-988b97543110?feedback_type=bug_report) | [Other](https://app.dosu.dev/response-feedback/d729cf77-ad26-4a5c-9d00-988b97543110?feedback_type=other)</sup> [](https://app.dosu.dev/a28d3c7e-a9d3-459e-9fb6-3a6f9ff4f357/ask?utm_source=github) [](https://cursor.com/link/prompt?text=This%20issue%20is%20likely%20caused%20by%20how%20Superset%20calculates%20and%20reserves%20space%20for%20the%20Zoom%20Data%20control%20%28the%20dataZoom%20slider%29%20in%20time-series%20charts.%20The%20control%20is%20rendered%20as%20part%20of%20the%20ECharts%20options%20and%20its%20position%20and%20size%20are%20determined%20by%20constants%20like%20%60zoomBottom%60%20and%20%60gridOffsetBottomZoomable%60%2C%20as%20well%20as%20the%20dynamic%20height%20of%20extra%20controls%20above%20the%20chart.%20If%20the%20dashboard%20panel%20is%20too%20small%2C%20or%20if%20extra%20controls%20are%20shown%2C%20the%20zoom%20slider%20can%20overflow%20or%20not%20fit%20properly%20because%20there%E2%80%99s%20no%20explicit%20width%20or%20overflow%20handling%20for%20these%20 controls%20in%20the%20main%20chart%20component.%20This%20can%20be%20made%20worse%20by%20CSS%20or%20container%20sizing%20issues%2C%20such%20as%20restrictive%20height%20or%20overflow%20settings%20in%20parent%20containers%20or%20panels.%20Recent%20fixes%20%28like%20%5BPR%20%2336531%5D%28https%3A//github.com/apache/superset/pull/36531%29%29%20improved%20overflow%20and%20display%20handling%20for%20chart%20controls%2C%20so%20make%20sure%20your%20environment%20includes%20these%20updates.%0A%0AIf%20you%20still%20see%20the%20problem%2C%20try%20increasing%20the%20panel/container%20height%2C%20check%20for%20any%20restrictive%20CSS%20%28like%20%60overflow%3A%20hidden%60%20or%20fixed%20heights%29%2C%20and%20see%20if%20the%20issue%20persists%20in%20other%20browsers.%20If%20you%E2%80%99re%20using%20custom%20dashboard%20layouts%20or%20plugins%2C%20they%20might%20also%20affect%20sizing.%20For%20more%20details%2C%20see%20the%20relevant%20%5Bcode%20for%20the%20chart%20and%20controls%5D%28https%3A//git hub.com/apache/superset/blob/829e4d92d91ceae4b43b1ed3b063ffe45377799c/superset-frontend/plugins/plugin-chart-echarts/src/Timeseries/EchartsTimeseries.tsx%23L41-L282%29%20and%20%5Bhow%20the%20zoom%20control%20is%20configured%5D%28https%3A//github.com/apache/superset/blob/829e4d92d91ceae4b43b1ed3b063ffe45377799c/superset-frontend/plugins/plugin-chart-echarts/src/Timeseries/transformProps.ts%23L195-L687%29.) [](https://go.dosu.dev/discord-bot) [](https://twitter.com/intent/tweet?text=%40dosu_ai%20helped%20me%20solve%20this%20issue!&url=https%3A//github.com/apache/superset/issues/37286) -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
