---
order: 9
title: 标签云
---

标签云是一套相关的标签以及与此相应的权重展示方式，一般典型的标签云有 30 至 150 个标签，而权重影响使用的字体大小或其他视觉效果。

```ts
import { Component, OnInit } from '@angular/core';

@Component({
    selector: 'app-demo',
    template: `
    <g2-tag-cloud [data]="tags" [height]="200"></g2-tag-cloud>`
})
export class DemoComponent implements OnInit {
    tags: any[] = [];
    ngOnInit(): void {
        for (let i = 0; i < 50; i += 1) {
            this.tags.push({
                name: `TagClout-Title-${i}`,
                value: Math.floor((Math.random() * 50)) + 20,
            });
        }
        // mock big number
        this.tags.push({ name: `我最大`, value: 1500 });
    }
}
```