Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including nativescript-ui-gauge with all npm packages installed. Try it out:

var nativescriptUiGauge = require("nativescript-ui-gauge")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

nativescript-ui-gauge v6.0.0

Show a key data point in an intuitive gauge format, with contextual bands for categorization. Part of Progress NativeScript UI - a set of professional ui components built for NativeScript (also known as Pro UI).

NativeScript UI Gauge

Overview

NativeScript UI Gauge is part of Progress NativeScript UI - a suite of rich-UI components targeting the NativeScript platform.

The NativeScript UI Gauge plugin allows you to display the current status of a value within a range of upper and lower bounds, illustrate progress towards a goal, or a summary of a fluctuating metric. Some features include:

  • Add one or more RadialScale instances to your gauge;
  • Use Bar indicators to visualize a range of values or a Needle indicator to point to a specific value;
  • Include ready-to-use animations for smooth transition effects.

Installation

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

tns plugin add nativescript-ui-gauge

Documentation

To use the gauge plugin, you need to add an instance of RadRadialGauge. It has a scales collection, which allows you to add a number of instances of type RadialScale. Each scale has an indicators collection that allows you to add different indicators. The indicator can be either of type RadialBarIndicator or RadialNeedle. More information is available in the Guides for:

API Reference

Here is the API Reference section.

Sample Apps

The features of the plugin are demonstrated in the Sample apps for:

Release Notes

The release notes are available here.

Get Help

Please, use github issues strictly for reporting bugs or requesting features.

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free