Angular 6+ component wrapper for the canvas-gauges lib written by @Mikhus
npm install ng-canvas-gauges~~~javascript
import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
import {AppComponent} from './app.component';
import {GaugesModule} from 'ng-canvas-gauges';
@NgModule({
declarations: [
AppComponent,
],
imports: [
BrowserModule,
GaugesModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {
}
~~~
3. Add the linear-gauge or radial-gauge element to your template:
~~~javascript
~~~
!Example gauges
------------------------------------------------------
[value]="myValueProperty"
>
~~~
All canvas-gauge attributes are supported as shown above (kebab format) or
programmatically (camelCase format). Learn more: https://canvas-gauges.com/documentation/user-guide/configuration
------------------------------------------------------
1. Install dependencies
~~~
npm install
~~~
2. Create an installable library (.tgz) for upload to the npm public repository or for local installation.
Output is to ./dist/ng-canvas-gauges/ folder.
~~~
npm run build:package
~~~
------------------------------------------------------
The upgrade of this library to angular 6+ and the demos project were developed using
CodeMix.
For supporting development!