search

apexcharts / vue3-apexcharts

📊 Vue-3 component for ApexCharts
MIT License
314 stars 35 forks source link

Cannot change the min-height #52

Closed SciManJD closed 3 months ago

SciManJD commented 2 years ago

Hi! I'm trying to use vue3-apexcharts in layout, controlled via flexbox. In my page I have an area that contains 2 items - one of them is the chart and the second has fixed height. I want to fill the cross-axis with these two items. The problem that I have is that the chart cannot shrink enough. I set it "flex 1 1 auto", but the second item (the one with the fixed height) which is bellow the chart is going out of the area. I tried to debug this and I see that the reason is too big "min-height" value, set to the chart. That's why the chart cannot shrink as much as needed. I cannot understand where this "min-height" comes from. I haven't set "height" option of the chat. I also tried to se it to 100%, but the result is the same. Then I tried to override the "min-height" (only in debug, from the browser), but the value is immediately returned back to the original one. Please, give me an advice how to solve my problem.

github-actions[bot] commented 3 months ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.