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

trend 趋势标记

趋势符号，标记上升和下降趋势。通常用绿色代表“好”，红色代表“不好”，股票涨跌场景除外。

import { TrendModule } from '@delon/chart/trend';

代码演示

演示

在数值背后添加一个小图标来标识涨跌情况。

import { Component } from '@angular/core';
@Component({
  selector: 'chart-trend-basic',
  template: `
  <trend flag="up">12%</trend>
  <trend flag="down" class="ml-sm">11%</trend>
  `
})
export class ChartTrendBasicComponent {
}

颜色反转

在数值背后添加一个小图标来标识涨跌情况。

import { Component } from '@angular/core';
@Component({
  selector: 'chart-trend-reverse',
  template: `
  <trend flag="up" reverseColor>12%</trend>
  <trend flag="down" reverseColor class="ml-sm">11%</trend>
  `
})
export class ChartTrendReverseComponent {
}

API

trend