circular-gauge-indicator v1.0.0

Circular Gauge Indicator

This library was generated with Angular CLI version 10.1.6.

Author: Sathyaraj Kandasamy

npm install circular-gauge-indicator --save

##To import in the module

 import {CircularGaugeIndicatorModule} from 'circular-gauge-indicator'

 @NgModule({
   imports: [
     CircularGaugeIndicatorModule
   ]
 })

##Implement in HTML file

The percentage is displayed at the center of indicator.

 <circular-gauge-indicator [options]="{ color :'#53CAA6', status :'success',count : 60, total: 100, size:150 }">
 </circular-gauge-indicator>

 <circular-gauge-indicator [options]="{ color :'#FF7043', status :'failure',count : 40, total: 100, size:150 }">
 </circular-gauge-indicator>

 //color- if not provided default color would be taken for success/failure.

 //status- can be success or failure, based on which the curve starts from.

 //total- total count available

 //count- current count, to be assigned for graph out of total.

 //size- size of the indicator with the text inside

Code scaffolding

Run ng generate component component-name --project circular-gauge-indicator to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module --project circular-gauge-indicator.

Note: Don't forget to add --project circular-gauge-indicator or else it will be added to the default project in your angular.json file.

Build

Run ng build circular-gauge-indicator to build the project. The build artifacts will be stored in the dist/ directory.

Publishing

After building your library with ng build circular-gauge-indicator, go to the dist folder cd dist/circular-gauge-indicator and run npm publish.

Running unit tests

Run ng test circular-gauge-indicator to execute the unit tests via Karma.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.