Visit the free getting started tutorials on nativescript.org for JavaScript, Angular, or Vue.js.
Kindly note that we filter out plugins that:
package.json
$ tns plugin add @nativescript-ui-charts
Nativescript wrapper for Highcharts iOS and Android SDKs
In Command prompt / Terminal navigate to your application root folder and run:
tns plugin add @nativescript/ui-charts
The best way to explore the usage of the plugin is to inspect the demo app in the plugin's root folder. In demo folder you can find the usage of the plugin for TypeScript non-Angular application. Refer to demo/app/demos for different chart types.
demo
demo/app/demos
<Page xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:uc="@nativescript/ui-charts"> <!-- Don't forget to declare the namespace --> <GridLayout> <uc:UIChartsView id="chartView" loaded="chartViewLoaded" /> </GridLayout> </Page>
export function chartViewLoaded(args) { chartView = args.object; chartView.setOptions(viewModel.get('chartOptions')); }
The chartOptions is a HICharts options object, refer to https://www.highcharts.com/demo/ for inspiration, and also checkout https://api.highcharts.com/highcharts/ for API reference
chartOptions
Popularity metric based on:
Quality metric based on:
Maintenance metric based on: