Just recently, I bought a used Mac Mini to tip my toes into mobile development. After doing a bit of research, there's mostly three viable options for doing cross-platform mobile development: Either React Native, Cordova or Xamarin. I figured that due to my knowledge in C#, Xamarin would be a nice fit. However, there's way less components and libraries than in the node eco system, which is especially true for charts. There are commercial options available, but I didn't find a free, open source charts library.
The Xaml for the page is quite simple. It's just a WebView that's bound to the ReportHtml property of the ViewModel.
Then there's the ViewModel:
It's a bit long, since I've cramped everything in a single file. To summarize:
- Build a valid Html document
- Include Chart.js
- Add your Chart.js configuration
After that, you see this page: