speed ngx-gauge Installation
Step 1: Install
npm install --save ngx-gauge
settings_input_component Gauge Module
After installing, include
NgxGaugeModule in your
ChartsModule class. Your chart.module.ts would look like
this:
import { NgxGaugeModule } from 'ngx-gauge';
@NgModule({
...
imports: [NgxGaugeModule],
...
})
export class ChartsModule { }
html Gauge Markup
The ngxchart.component.html
would look like this:
<ngx-gauge
[type]="gaugeType"
[value]="gaugeValue"
[label]="gaugeLabel"
[append]="gaugeAppendText">
</ngx-gauge>
code Gauge TS Code
The ngxchart.component.ts
would look like this:
import { Component } from '@angular/core';
@Component({
selector: 'app-ngxchart',
templateUrl: './ngxchart.component.html',
styleUrls: ['./ngxchart.component.scss'],
})
export class NgxchartComponent {
gaugeType = "semi";
gaugeValue = 28.3;
gaugeLabel = "Speed";
gaugeAppendText = "km/hr";
}