vue3-apexcharts icon indicating copy to clipboard operation
vue3-apexcharts copied to clipboard

Cannot change the min-height

Open SciManJD opened this issue 3 years ago • 0 comments

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.

SciManJD avatar Oct 14 '22 11:10 SciManJD