NativeScript + Highcharts = 💖

Just gaze with awe at the source code that renders these graphs on iOS (left) and Android (right):

Running this demo

git clone https://github.com/EddyVerbruggen/nativescripthighcharts
cd nativescripthighcharts
tns run [ios|android]

Steps to add Highcharts to your own app

• Pick a chart type
• Tweak to your liking
• From the above pages start a fiddle, like I did for this demo.
• Download highcharts.js and ship it with your app.
• Add you fiddle code to the webview's html file. You can use this demo's html file as a template.
• Add a WebView to your view.
• Wire it in your Component (Angular demo, but you get the idea).
• You can parameterize the JS snippet in your webview and pass the data from your Angular component.

Want a pure native solution?

Be sure to check out NativeScript UI's Chart component!