ej2-circulargauge
The circular gauge control is ideal to visualize numeric values over a circular scale. All the circular gauge elements are rendered using Scalable Vector Graphics (SVG).
Circular gauge is part of Syncfusion Essential JS 2 commercial program. License is available in two models Community and Paid. Please refer the license file for more information. License can be obtained by registering at https://www.syncfusion.com/downloads/essential-js2
Setup
To install circular gauge and its dependent packages, use the following command
npm install @syncfusion/ej2-circulargauge
Resources
Supported Frameworks
Circular gauge component is also offered in following list of frameworks.
- Angular
- React
- Vue.js
- ASP.NET Core
- ASP.NET MVC
- JavaScript (ES5)
Use case samples
Key Features
- Axes - Axes is a collection of circular axis that can be used to indicate numeric values.
- Ranges - Supports ranges to categorize the axis values. Any number of ranges can be added to the circular gauge.
- Ticks and Labels - Provides options to customize the ticks and labels of the gauges.
- Pointers - Indicates the values on axis. Circular gauge supports three types of pointers: needle, range bar, and marker.
- Annotation - Uses any custom HTML element as annotation and place it anywhere on the gauge.
- Tooltip - Provides information about the pointer values on mouse hover.
- Pointer Drag - Provides support to place a pointer at the desired values by dragging it.
Support
Product support is available for through following mediums.
License
Check the license detail here.
Changelog
Check the changelog [here]https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/controls/circulargauge/CHANGELOG.md?utm_source=npm&utm_campaign=circulargauge)
© Copyright 2019 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.