NOTE: This repo was moved here for further development.
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.
<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