在 angular6/7 中使用 Word Cloud 标签云

这篇教程详细介绍了如何在 Angular6/7 项目中集成和使用 Word Cloud 标签云。通过 npm 安装,引入模块,配置 angular.json,添加 HTML 标签,并在 TypeScript 中设置参数来实现。参考官方文档,了解更多的样式和选项设置。
摘要由CSDN通过智能技术生成

找了一圈,没有发现特别详细的关于在 angular6/7 中使用 Word Cloud 标签云的好的教程,然后花了点时间看了下官方文档,也不太详细,这里做下详细教程。

1、首先通过npm命令进行下载,运行这两个命令即可

npm install angular4-word-cloud --save
npm install d3 --save

2、在appmodule中引用该模块

import { AgWordCloudModule } from 'angular4-word-cloud';




// In your App's module:
imports: [
   AgWordCloudModule.forRoot()
]

3、在angular.json中添加script

"scripts": [
      ***
        "../node_modules/angular4-word-cloud/d3.min.js"
      ]

4、html中加入标签

 <div AgWordCloud [wordData]="wordData" [options]="options"></div>

5、ts中引入并添加相关参数

//our root app component
import {Component, NgModul
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值