I've tried with the echarts and apexcharts examples, so far on chrome and firefox. It shows an empty area where the charts should be located. Is this normal, like some rendering component missing on mobile phones or should I add something missing in the code?
Are you loading the libraries from a CDN or from an installed copy (via the uibuilder library manager)?
The problem happens with the samples as they are in the wiki. I simply import the json and c&p the html and js files.
So charting libs are loaded via cdn.
But i I'm starting to think that is something with the vue layout in the html. I created an independent vue project with the charts and they show in the phone.
OK, thanks for looking. I only quickly knocked together those examples. I haven't tested them on mobile devices.
If you find out what's wrong and can fix them, it would be fabulous and I will update the WIKI.
I don't know what to do with this. I'm having hard times trying to build a simple example in a new Vue project. In uibuilder I forced versions that doesn't seem to work when downloaded through npm.
Then the import/invoke mechanisms shown on samples over inet doesn't work anymore. I think these people have messed up the compatibility when upgrading to firstname.lastname@example.org-*.
Unfortunately, you can only do that from the command line, not currently from the uibuilder library manager. You can manually edit the module list to add modules that you installed via the command line. Have a look in
~/.node-red/uibuilder/.config/packageList.json. You don't need the
@ version bit on the url's if using your own npm installed package.
It's not an uibuilder problem. It seems that they messed the packages dependencies. Between echarts, vue-echarts, vue and composition-api.
ApexCharts worked at the first try. And it shows on mobile devices. (on an external Vue project) What seems to confirm my above thoughts.
I'll check again apexcharts on uibuilder, if they render on mobile devices.