@nativescript/ui-charts

Nativescript wrapper for Highcharts iOS and Android SDKs

Installation

In Command prompt / Terminal navigate to your application root folder and run:

tns plugin add @nativescript/ui-charts

Usage

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.

NativeScript Core

<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