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

vue-apexcharts height option doesent work while height prop works

Open Qadosch opened this issue 5 years ago • 7 comments

Bug report

One cannot use height inside options object.

Codepen

Modify this codepen with height: "200px",

chartOptions: {
        chart: {
        height: "200px",
        id: "vuechart-example"
        },

or look at this codepen i forked from someone https://codepen.io/qadosch/pen/WNvpXYZ row 98 is height: "200px",

Explanation

  • Expectation: it shoud react to height in options object the same it reacts in an non vue environement

  • Instead nothing happend at all, not even errors

Qadosch avatar Feb 26 '20 12:02 Qadosch

Also setting this via the responsive option does not work. The height is also ignored.

lampewebdev avatar May 22 '20 11:05 lampewebdev

I can also confirm that it doesn't work on my end when I'm setting ApexCharts options.chart.height, while it works if I set <ApexChart height="230"> (so props work, passing in options - doesn't).

Marahin avatar Jul 26 '21 12:07 Marahin

Also confirmed on my side, with v3.33.1

jra11 avatar Mar 16 '22 18:03 jra11

Confirmed here too...

guestisp avatar May 10 '22 15:05 guestisp

Confirmed too

Sandr0oo avatar Feb 06 '23 11:02 Sandr0oo

So the only thing to do is to force a Re render every time the height changes ?

Davidriquelme avatar Mar 28 '24 15:03 Davidriquelme