This article has not been translated, hope that your can PR to translated it. Help us!
g2-mini-progress 迷你进度条
用于显示跟速度相关图形再适合不过。
import { G2MiniProgressModule } from '@delon/chart/mini-progress';
代码演示
基础
基础用法。
import { Component } from '@angular/core';
@Component({
selector: 'chart-mini-progress-basic',
template: `
<g2-mini-progress percent="78" strokeWidth="8" target="80"></g2-mini-progress>
`
})
export class ChartMiniProgressBasicComponent {
}
API
g2-mini-progress
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
[target] | 目标比例 | number | - |
[color] | 进度条颜色 | string | - |
[strokeWidth] | 进度条高度 | number | - |
[percent] | 进度比例 | number | - |