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

g2-water-wave 水波图

水波图是一种比例的展示方式，可以更直观的展示关键值的占比。

import { G2WaterWaveModule } from '@delon/chart/water-wave';

代码演示

基础

基础用法。

import { Component } from '@angular/core';
@Component({
  selector: 'chart-water-wave-basic',
  template: `
    <g2-water-wave [title]="'补贴资金剩余'" [percent]="34" [height]="161"></g2-water-wave>
  `,
  host: {
    '[class.d-block]': 'true'
  }
})
export class ChartWaterWaveBasicComponent {}

API

g2-water-wave