This article has not been translated, hope that your can PR to translated it. Help us!

g2-gauge 仪表盘

一种进度展示方式，可以更直观的展示当前的进展情况，通常也可表示占比。

import { G2GaugeModule } from '@delon/chart/gauge';

代码演示

基础

基础用法。

import { Component } from '@angular/core';
@Component({
  selector: 'chart-gauge-basic',
  template: ` <g2-gauge [title]="'核销率'" height="164" [percent]="percent" [color]="color"></g2-gauge> `,
})
export class ChartGaugeBasicComponent {
  percent = 36;
  color = '#2f9cff';
  constructor() {
    setInterval(() => {
      this.percent = parseInt((Math.random() * 100).toString(), 10);
      this.color = this.percent > 50 ? '#f50' : '#2f9cff';
    }, 1000);
  }
}

API

g2-gauge