Apexcharts.js: Responsive options dropped when doing updateOptions via exec

Created on 10 Oct 2018  路  8Comments  路  Source: apexcharts/apexcharts.js

Codepen

https://codepen.io/anon/pen/OBpYXW

Explanation

Pen is a fork of the responsive example from ApexCharts docs.
Set your viewport size smaller than the breakpoint 1000.
Now select "2009" from the dropdown (it triggers the exec).
Notice the chart swings back to the wide screen options.

bug

All 8 comments

This is very similar to #74. Thanks for the detailed explanation.
Hopefully, will be fixed in the next release

Thanks for the quick fix! I tested the patch and confirm it is working. ApexCharts is looking pretty bad ass now.

I don't understand how it is possible, but it looks like the patch didn't work after all. If you open the Codepen example, go to Settings - JavaScript and change the url to https://cdn.jsdelivr.net/npm/apexcharts?v=214 (which should have the patch) or https://cdn.jsdelivr.net/npm/apexcharts?v=250 it makes no difference. The problem of the chart changing back to horizontal bars upon dropdown change remains.
I also confirm the problem with local .js files.

On 10 Oct, I manually applied the patch and tested and I have no idea why I now see different results.

v2.1.6 broke the responsive options as there were some major changes.
Will be fixed soon

Fixed in 2.5.1.
Please update using https://cdn.jsdelivr.net/npm/[email protected]

Thanks for the work, but I am still seeing the reset to horizontal both in the Codepen and locally when using 2.5.1

I didn't update the codepen, but I see in your codepen that you have appended ?v=251 at the end.
That is not the correct way to get the latest version.

Please use the following URL to get a specific version
https://cdn.jsdelivr.net/npm/[email protected]

Here is my codepen - https://codepen.io/apexcharts/pen/xmPJEL

Thanks, that codepen certainly confirms the fix! Yet, the dist/*.js files in the 2.5.1 release seem to contain the old version.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

jlil picture jlil  路  3Comments

thellimist picture thellimist  路  3Comments

maasha picture maasha  路  3Comments

artfulrobot picture artfulrobot  路  3Comments

ismaildervisoglu picture ismaildervisoglu  路  3Comments