g2-mini-progress 迷你进度条 - 图1 This article has not been translated, hope that your can PR to translated it. Help us!g2-mini-progress 迷你进度条 - 图2

g2-mini-progress 迷你进度条

用于显示跟速度相关图形再适合不过。

  1. import { G2MiniProgressModule } from '@delon/chart/mini-progress';

代码演示

g2-mini-progress 迷你进度条 - 图3

基础

基础用法。

  1. import { Component } from '@angular/core';
  2. @Component({
  3. selector: 'chart-mini-progress-basic',
  4. template: `
  5. <g2-mini-progress percent="78" strokeWidth="8" target="80"></g2-mini-progress>
  6. `
  7. })
  8. export class ChartMiniProgressBasicComponent {
  9. }

API

g2-mini-progress

参数说明类型默认值
[target]目标比例number-
[color]进度条颜色string-
[strokeWidth]进度条高度number-
[percent]进度比例number-