X-axis range doesn't work

[mzy2240]

Codepen

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

Explanation

• What is the behavior you expect? Realtime chart just like the example (https://apexcharts.com/javascript-chart-demos/line-charts/realtime/)
• What is happening instead? Range for x-axis does not work, so the line is getting compressed because of the incoming data.
• What error message are you getting? Nothing. Besides that, what puzzled me most is that, in our actual practice, the chart in the website only looks as it should in my laptop, but fails in all my colleague's pcs, even if we are using the same system and same chrome version (incognito mode).

[cemujax]

Why don't you delete sparkline option?

var traffic = Array(11).fill(0)
var options = {
  chart: {
          // sparkline: {
          //   enabled: true
          // },
          ...

https://codepen.io/cemujax/pen/WWRQjW

I hope it's the result you wanted.

[mzy2240]

No it is still not what I want. If you check the example, you can see the animation is like a moving window, however, even in the codepen that you provided, the waves are compressing instead of going away. You just look at the chart for about 30 seconds and you will get what I'm saying.

[junedchhipa]

Fixed the issue in this commit - c0b1ace
Will be released on npm soon.

[mzy2240]

Ok I just saw @junedchhipa did a commit about that. Thank you so much for your help!

[mzy2240]

Hey @junedchhipa I just checked the latest release and I found the bug is still not fixed. Here is the codepen: https://codepen.io/anon/pen/OGbwEG. The line is still compressing instead of window moving.

[mzy2240]

Just test the codepen with the latest version 3.6.9, the bug is still there and no sign to be fixed. Please re-open the case. @junedchhipa

[junedchhipa]

Wow! I am surprised and embarrassed at the same time that after doing 3 fixes, still this didn’t get solved :)

What on earth is reverting it back!!

I will write more tests to avoid it. Sorry for the trouble you faced.

[junedchhipa]

Just noticed that cdnjs links are still cached and not reflecting the latest version of ApexCharts.
Please try https://unpkg.com/apexcharts@3.6.9/dist/apexcharts.min.js and see if it fixes the issue.

[mzy2240]

No, unfortunately, it is still not fixed. I have to see it is a weird bug, cause the first time I noticed that, I found the dynamic line behaves different in different PCs, which I never heard and met before.

[junedchhipa]

On what browser does it not work correctly? Please provide more information on how to reproduce it. Closing it until then. Feel free to open if the bug is still not fixed in specific browsers.