NG-ALAIN- 文档
开始使用 常见问题
- G2
g2-bar 柱状图 g2-card 图表卡片 g2-chart 自定义图表 g2-gauge 仪表盘 g2-mini-area 迷你区域图 g2-mini-bar 迷你柱状图 g2-mini-progress 迷你进度条 number-info 数据文本 g2-pie 饼状图 g2-radar 雷达图 g2-single-bar 单一柱状图 g2-tag-cloud 标签云 g2-timeline 折线图 trend 趋势标记 g2-water-wave 水波图
- ECharts
chart-echarts ECharts
水波图是一种比例的展示方式，可以更直观的展示关键值的占比。
默认不支持父元素自适应，可以监听父元素的变化并使用
render()方法来重置渲染。
代码演示
补贴资金剩余
34%
基础用法。
import { Component } from '@angular/core';
import { G2WaterWaveModule } from '@delon/chart/water-wave';
@Component({
selector: 'chart-water-wave-basic',
template: ` <g2-water-wave [title]="'补贴资金剩余'" [percent]="34" [height]="161" /> `,
host: {
'[class.d-block]': 'true'
},
standalone: true,
imports: [G2WaterWaveModule]
})
export class ChartWaterWaveBasicComponent {}