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

迷你进度条
IMPORT MODULE

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

代码演示

基础

基础用法。

expand code expand code
import { Component } from '@angular/core';

import { G2MiniProgressModule } from '@yelon/chart/mini-progress';

@Component({
  selector: 'chart-mini-progress-basic',
  template: ` <g2-mini-progress percent="78" strokeWidth="8" target="80" /> `,
  standalone: true,
  imports: [G2MiniProgressModule]
})
export class ChartMiniProgressBasicComponent {}

API

g2-mini-progress

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