Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nativescript/nativescript-ui-charts

NativeScript wrapper around HiCharts library
https://github.com/nativescript/nativescript-ui-charts

android charts ios mobile nativescript plugin ui

Last synced: 3 months ago
JSON representation

NativeScript wrapper around HiCharts library

Awesome Lists containing this project

README

        

**NOTE: This repo was moved [here](https://github.com/NativeScript/ui-kit) for further development.**



# @nativescript/ui-charts ![apple](https://cdn3.iconfinder.com/data/icons/picons-social/57/16-apple-32.png) ![android](https://cdn4.iconfinder.com/data/icons/logos-3/228/android-32.png)

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

```xml



```

```ts
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