number-info 数据文本

常用在数据卡片中，用于突出展示某个业务数据。

import { NumberInfoModule } from '@delon/chart/number-info';

代码演示

演示

各种数据文案的展现方式。

import { Component } from '@angular/core';
@Component({
  selector: 'chart-number-info-basic',
  template: `
  <number-info subTitle="本周访问" total="12,321" subTotal="17.1" status="up"></number-info>
  `
})
export class ChartNumberInfoBasicComponent {
}

主题

暗系。

import { Component } from '@angular/core';
@Component({
  selector: 'chart-number-info-theme',
  template: `
  <number-info subTitle="本周访问" total="12,321" subTotal="17.1" status="down" theme="default"></number-info>
  `
})
export class ChartNumberInfoThemeComponent {
}

API

number-info