Line chart issue on mobile browser

Hi,

I’ve checked your page and looks like you already have it set as dates for X-axis – https://vertis.d.pr/SHCwLM

Do you still face this problem? When it doesn’t work, do you get any errors? Could you share screenshots for reference? Thanks!

Hi,

Yes, but only on mobile browsers.
(Now I’m faceing a different issue, I can’t edit chart, to update input data, I get a critical error message after clicking Edit button, but this is a different problem I guess.)

Hi @agocs,

This issue might be occurring due to a plugin conflict. So please deactivate all plugins and check if it resolves your issue and after that try activating the plugins one by one to find problematic plugin. Then replace it with an alternate plugin.

To do it safely without losing any of your work, please take the following steps:
Install and activate the Health Check plugin.
Enable the TroubleShoot mode.
Enable the Visualizer free and Pro plugins and try to edit the chart again.

Does it resolve the issue? If yes, then there is some plugin conflict or configuration error that you can check by enabling theme/plugins one by one in the troubleshooting mode.

Health Check allows troubleshooting without losing the current setup. The changes are done only temporarily until you turn off the troubleshooting mode. However, it is recommended to keep a backup.

You might want to back your website up before doing this; if you don’t already have a backup plugin, then you can use this one: https://www.ads-software.com/plugins/updraftplus/.
Since it’s a new plugin, it most likely won’t cause any additional issues.`

Let us know how it goes, thanks!

This problem was solved, I found this plugin confict sugeestion on an other forum post, and it turned out that Ninja Forms caused the problem. So now when I want to edit the chart I have to disable Ninja Forms for that time while I update my chart data.

But my original problem still exists, my chart shows a single vertical line on mobile browsers.

Please advise! I am also having a problem with this. It happens when I have a date showing on the x-axis. When I change it to string, then the graph looks correct. Please help.

Hi @agocs and @gsckevangelista,

Do you have any value entered for the hAxis numberFormat? Like this: https://vertis.d.pr/FAentt

If it’s empty, could you try to add it, and could you share the URL with the chart where the problem occurs if it persists? Thanks!

Yes, I have a value there. And it works as expected on desktop browser accordingly. But not on mobile browsers:
https://hangyafalva.hu/nepesseg

Hi @agocs,

Can you please send me the raw data of your chart, I mean this one: https://vertis.d.pr/WQpqWC

I’m able to replicate the issue on your website, however, when testing on my one this doesn’t happen, for example – https://watchcoil.tastewp.com/2021/05/10/41/

Thank you!

Hi,

Indeed, your example works for me too as expected. Strange. Here is my raw data:

Dátum,mANTala,Prenolepis nitens,M. barbarus, C. vagus (Hilda), C vagus (Dráma királyn?)
date,number,number,number,number,number
2020.12.10,2,0,0,0,0
2021.01.25,3,0,0,0,0
2021.01.31,4,0,0,0,0
2021.02.02,5,0,0,0,0
2021.02.10,6,0,0,0,0
2021.03.06,7,0,0,0,0
2021.03.10,8,0,0,0,0
2021.03.11,9,0,0,0,0
2021.03.15,10,0,0,0,0
2021.03.21,11,0,0,0,0
2021.03.24,12,0,0,0,0
2021.03.28,14,0,0,0,0
2021.03.29,15,0,0,0,0
2021.04.04,16,0,1,0,0
2021.04.22,16,1,1,0,0
2021.04.24,17,1,1,0,0
2021.04.29,20,1,2,0,0
2021.05.01,20,1,2,1,1
2021.05.03,24,1,2,1,1
2021.05.07,27,1,2,1,1

Hi @agocs,

Thank you for sharing the RAW data, could you try to add
{"vAxis":{},"hAxis":{}}

to the Manual Configuration section like this: https://vertis.d.pr/b15vaz

Let us know if that doesn’t solve the issue.

I’m sorry, it didn’t solve the problem. I left these settings in the manual configuration so you can check it too.
It actually made it worse, now the Y axis title disappeared too, and not only on mobile but on desktop too.

Hi @agocs,

Could you please submit this form – https://docs.google.com/forms/d/e/1FAIpQLSfDmM9FApSgatWL0tU-vUJGZnS-EdhZMnCCvRfOi4I-runC_Q/viewform

Then, I’ll be able to check your dashboard and investigate this further. Thank you!

Ok, I’ve done it, thank you in advance!

Hi @agocs,

Thank you for sharing that information, I was able to access your instance and debug further.

Indeed, I was able to replicate this problem on mobile devices and it happens on iOS only. Basically, this is related to iOS and as we use Google’s library not much we can change from our end.

I noticed that this only happens if you use dates separate by a dot in your data, for example:
2020.01.01 while it doesn’t happen with other formats like 2020-01-01.

What you can do – you can use date format as YYYY-MM-dd in the data file/source and then change the format in Visualizer settings – https://vertis.d.pr/EcSCnI

This way you’ll have format separated by dots as YYYY.MM.dd

Let us know if this works for you, thanks!

Sorry for my late responses, WordPress rarely send me email notifications of these forum updates for some reason…

We’re getting closer. ?? Now only one strange thing left. I have two charts now, and one of them does not show horizontal axis values, the other does. I couldn’t find any differences if the settings, so I don’t have any idea, what could cause this.

(Still the same URL: https://hangyafalva.hu/nepesseg)

• This reply was modified 3 years, 4 months ago by agocs.