eddyverbruggen / nativescripthighcharts

Demoing how to add highcharts to your NativeScript app

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!

nativescripthighcharts's Issues

Webpage not available when accessing webview

Hi there, I attempted to follow your guide for using the webview in nativescript with angular, However, each time I try to access the highcharts page I get the following display:

Chart doesnt render in iOS or Android

I downloaded the latest copy of the source and ran it but the page doesnt seem to be rendering the chart. I see the text labels that say "Heres a graph for ya" but underneath the text is just blank. Same goes for the second graph.