How to create impressive looking Gauge Charts using Angular 6

ngx-gauge

thresholdConfig = {
'0': {color: 'green'},
'40': {color: 'orange'},
'75.5': {color: 'red'}
};

angular-google-charts

npm install angular-google-charts
imports: [
...
GoogleChartsModule.forRoot(),
...
],

angular-highcharts

npm install angular-highcharts@6.2.6
npm install highcharts@4.2.5
import { ChartModule, HIGHCHARTS_MODULES } from 'angular-highcharts';
import * as more from 'highcharts/highcharts-more.src';
import * as solidGauge from 'highcharts/modules/solid-gauge.src';
...
providers: [{ provide: HIGHCHARTS_MODULES, useFactory: () => [more, solidGauge] }],
...

Conclusion

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store