ohayolibs/packages/chart/mini-bar/demo/tooltip.md

Ohayo is a set of essential modules for ohayojp.

---
order: 0
title: Tooltip
---

指定 `yTooltipSuffix` 值来表示单位。

```ts
import { Component, OnInit } from '@angular/core';
import { G2MiniBarData } from '@ohayo/chart/mini-bar';
import format from 'date-fns/format';

@Component({
  selector: 'app-demo',
  template: ` <g2-mini-bar height="45" [data]="visitData" yTooltipSuffix="%"></g2-mini-bar> `,
})
export class DemoComponent implements OnInit {
  visitData: G2MiniBarData[] = [];
  ngOnInit(): void {
    const beginDay = new Date().getTime();
    for (let i = 0; i < 20; i += 1) {
      this.visitData.push({
        x: format(new Date(beginDay + 1000 * 60 * 60 * 24 * i), 'yyyy-MM-dd'),
        y: Math.floor(Math.random() * 100) + 10,
      });
    }
  }
}
```